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

export const IconPrintAreaSvgBicolorSolid = 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-area-svg-bicolor-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <g opacity=".5" fill={color}>
        <g opacity=".3">
          <path d="M9.5135 3.27481C9.78687 3.00144 9.78686 2.55822 9.5135 2.28486 9.24013 2.01149 8.79691 2.01149 8.52355 2.28486L2.5161 8.29237C2.24273 8.56574 2.24274 9.00895 2.5161 9.28232 2.78947 9.55568 3.23269 9.55568 3.50605 9.28231L9.5135 3.27481ZM17.5145 11.5183C17.7878 11.2449 17.7878 10.8017 17.5145 10.5283 17.2411 10.255 16.7979 10.255 16.5245 10.5283L10.5171 16.5358C10.2437 16.8092 10.2437 17.2524 10.5171 17.5258 10.7905 17.7992 11.2337 17.7992 11.507 17.5258L17.5145 11.5183ZM14.7968 2.40082C15.0701 2.67419 15.0701 3.1174 14.7968 3.39077L3.48306 14.7045C3.2097 14.9779 2.76648 14.9779 2.49311 14.7045 2.21975 14.4312 2.21974 13.988 2.49311 13.7146L13.8068 2.40083C14.0802 2.12746 14.5234 2.12746 14.7968 2.40082ZM17.4852 6.06048C17.7586 5.78712 17.7586 5.3439 17.4852 5.07053 17.2119 4.79717 16.7686 4.79717 16.4953 5.07054L5.11259 16.4534C4.83923 16.7267 4.83923 17.1699 5.1126 17.4433 5.38596 17.7167 5.82918 17.7167 6.10255 17.4433L17.4852 6.06048Z" />
        </g>
        <path
          d="M4.79565 6.29572C4.79565 5.46729 5.46723 4.79572 6.29565 4.79572H7.21601C7.63022 4.79572 7.96601 5.1315 7.96601 5.54572C7.96601 5.95993 7.63022 6.29572 7.21601 6.29572H6.29565L6.29565 7.21607C6.29565 7.63028 5.95987 7.96607 5.54565 7.96607C5.13144 7.96607 4.79565 7.63028 4.79565 7.21607V6.29572ZM8.69315 5.54572C8.69315 5.1315 9.02894 4.79572 9.44315 4.79572H10.5567C10.9709 4.79572 11.3067 5.1315 11.3067 5.54572C11.3067 5.95993 10.9709 6.29572 10.5567 6.29572H9.44315C9.02894 6.29572 8.69315 5.95993 8.69315 5.54572ZM12.0339 5.54572C12.0339 5.1315 12.3696 4.79572 12.7839 4.79572H13.7042C14.5326 4.79572 15.2042 5.46729 15.2042 6.29572L12.7839 6.29572C12.3696 6.29572 12.0339 5.95993 12.0339 5.54572ZM13.7042 7.21607L13.7042 6.29572L15.2042 6.29572V7.21607C15.2042 7.63028 14.8684 7.96607 14.4542 7.96607C14.04 7.96607 13.7042 7.63028 13.7042 7.21607ZM5.54565 8.69321C5.95987 8.69321 6.29565 9.029 6.29565 9.44321V10.5568C6.29565 10.971 5.95987 11.3068 5.54565 11.3068C5.13144 11.3068 4.79565 10.971 4.79565 10.5568V9.44321C4.79565 9.029 5.13144 8.69321 5.54565 8.69321ZM14.4542 8.69321C14.8684 8.69321 15.2042 9.029 15.2042 9.44321V10.5568C15.2042 10.971 14.8684 11.3068 14.4542 11.3068C14.04 11.3068 13.7042 10.971 13.7042 10.5568V9.44321C13.7042 9.029 14.04 8.69321 14.4542 8.69321ZM5.54565 12.0339C5.95987 12.0339 6.29565 12.3697 6.29565 12.7839V13.7043H7.21601C7.63022 13.7043 7.96601 14.0401 7.96601 14.4543C7.96601 14.8685 7.63022 15.2043 7.21601 15.2043H6.29565C5.46723 15.2043 4.79565 14.5327 4.79565 13.7043V12.7839C4.79565 12.3697 5.13144 12.0339 5.54565 12.0339ZM14.4542 12.0339C14.8684 12.0339 15.2042 12.3697 15.2042 12.7839V13.7043C15.2042 14.5327 14.5326 15.2043 13.7042 15.2043H12.7839C12.3696 15.2043 12.0339 14.8685 12.0339 14.4543C12.0339 14.0401 12.3696 13.7043 12.7839 13.7043H13.7042V12.7839C13.7042 12.3697 14.04 12.0339 14.4542 12.0339ZM8.69315 14.4543C8.69315 14.0401 9.02894 13.7043 9.44315 13.7043H10.5567C10.9709 13.7043 11.3067 14.0401 11.3067 14.4543C11.3067 14.8685 10.9709 15.2043 10.5567 15.2043H9.44315C9.02894 15.2043 8.69315 14.8685 8.69315 14.4543Z"
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </g>
      <path
        d="M2.09009 4.84003C2.09009 3.32124 3.32131 2.09003 4.84009 2.09003H15.1601C16.6789 2.09003 17.9101 3.32124 17.9101 4.84003V15.16C17.9101 16.6788 16.6789 17.91 15.1601 17.91H4.84009C3.3213 17.91 2.09009 16.6788 2.09009 15.16V4.84003ZM4.84009 3.59003C4.14973 3.59003 3.59009 4.14967 3.59009 4.84003V15.16C3.59009 15.8504 4.14973 16.41 4.84009 16.41H15.1601C15.8504 16.41 16.4101 15.8504 16.4101 15.16V4.84003C16.4101 4.14967 15.8504 3.59003 15.1601 3.59003H4.84009Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconPrintAreaSvgBicolorSolid.displayName = "IconPrintAreaSvgBicolorSolid";

export default IconPrintAreaSvgBicolorSolid;
