import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconPrintPatternBicolorSolid = forwardRef<
  SVGSVGElement,
  IconProps
>(({ color = "currentColor", ...props }, forwardedRef) => {
  const { className } = props;
  props = {
    ...props,
    width: `${props.width || props.size || 20}`,
    height: `${props.height || props.size || 20}`,
    className: `${
      className ? className + " " : ""
    }customeow-shein-icon customeow-shein-icon-icon-print-pattern-bicolor-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        opacity=".4"
        d="M9.99987 1.65814C8.53744 1.65814 7.35191 2.84368 7.35191 4.30611V5.41357L6.39281 4.85983C5.1263 4.12861 3.50683 4.56255 2.77561 5.82906C2.0444 7.09556 2.47833 8.71503 3.74483 9.44625L4.70394 9.99999L3.74485 10.5537C2.47834 11.2849 2.0444 12.9044 2.77561 14.1709C3.50683 15.4374 5.1263 15.8713 6.39281 15.1401L7.35191 14.5864V15.6939C7.35191 17.1563 8.53744 18.3419 9.99987 18.3419C11.4623 18.3419 12.6478 17.1563 12.6478 15.6939V14.5864L13.6069 15.1401C14.8734 15.8713 16.4929 15.4374 17.2241 14.1709C17.9553 12.9044 17.5214 11.2849 16.2549 10.5537L15.2958 9.99999L16.2549 9.44625C17.5214 8.71503 17.9553 7.09556 17.2241 5.82906C16.4929 4.56255 14.8734 4.12862 13.6069 4.85983L12.6478 5.41357V4.30611C12.6478 2.84368 11.4623 1.65814 9.99987 1.65814ZM8.85191 4.30611C8.85191 3.6721 9.36587 3.15814 9.99987 3.15814C10.6339 3.15814 11.1478 3.6721 11.1478 4.30611V6.71261C11.1478 6.98056 11.2908 7.22816 11.5228 7.36213C11.7549 7.4961 12.0408 7.4961 12.2728 7.36213L14.3569 6.15887C14.906 5.84187 15.6081 6.02999 15.9251 6.57906C16.2421 7.12812 16.054 7.83021 15.5049 8.14721L13.4208 9.35048C13.1887 9.48445 13.0458 9.73205 13.0458 10C13.0458 10.2679 13.1888 10.5155 13.4208 10.6495L15.5049 11.8528C16.054 12.1698 16.2421 12.8718 15.9251 13.4209C15.6081 13.97 14.906 14.1581 14.3569 13.8411L12.2728 12.6378C12.0408 12.5039 11.7549 12.5039 11.5228 12.6378C11.2908 12.7718 11.1478 13.0194 11.1478 13.2873V15.6939C11.1478 16.3279 10.6339 16.8419 9.99987 16.8419C9.36587 16.8419 8.85191 16.3279 8.85191 15.6939V13.2873C8.85191 13.0194 8.70896 12.7718 8.47691 12.6378C8.24486 12.5039 7.95896 12.5039 7.72691 12.6378L5.64281 13.8411C5.09374 14.1581 4.39165 13.97 4.07465 13.4209C3.75765 12.8718 3.94578 12.1698 4.49484 11.8528L6.57894 10.6495C6.81099 10.5155 6.95395 10.268 6.95395 10C6.95395 9.73205 6.811 9.48445 6.57895 9.35048L4.49484 8.14721C3.94577 7.83021 3.75765 7.12812 4.07465 6.57906C4.39165 6.02999 5.09374 5.84187 5.64281 6.15887L7.72691 7.36213C7.95896 7.4961 8.24486 7.4961 8.47691 7.36213C8.70896 7.22815 8.85191 6.98056 8.85191 6.71261V4.30611Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M10 7.75C8.75736 7.75 7.75 8.75736 7.75 10C7.75 11.2426 8.75736 12.25 10 12.25C11.2426 12.25 12.25 11.2426 12.25 10C12.25 8.75736 11.2426 7.75 10 7.75ZM6.25 10C6.25 7.92893 7.92893 6.25 10 6.25C12.0711 6.25 13.75 7.92893 13.75 10C13.75 12.0711 12.0711 13.75 10 13.75C7.92893 13.75 6.25 12.0711 6.25 10Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconPrintPatternBicolorSolid.displayName = "IconPrintPatternBicolorSolid";

export default IconPrintPatternBicolorSolid;