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

export const IconSafeAreaSvgBicolorSolid = 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-safe-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=".4" fill={color}>
          <g opacity=".4">
            <path d="M9.51374 3.27481C9.78711 3.00144 9.78711 2.55822 9.51374 2.28486 9.24037 2.01149 8.79716 2.01149 8.52379 2.28486L2.51634 8.29237C2.24298 8.56574 2.24298 9.00895 2.51635 9.28232 2.78972 9.55568 3.23293 9.55568 3.5063 9.28231L9.51374 3.27481ZM17.5147 11.5183C17.7881 11.2449 17.7881 10.8017 17.5147 10.5283 17.2413 10.255 16.7981 10.255 16.5248 10.5283L10.5173 16.5358C10.244 16.8092 10.244 17.2524 10.5173 17.5258 10.7907 17.7992 11.2339 17.7992 11.5073 17.5258L17.5147 11.5183ZM14.797 2.40082C15.0704 2.67419 15.0704 3.1174 14.797 3.39077L3.48331 14.7045C3.20994 14.9779 2.76673 14.9779 2.49336 14.7045 2.21999 14.4312 2.21999 13.988 2.49335 13.7146L13.8071 2.40083C14.0804 2.12746 14.5236 2.12746 14.797 2.40082ZM17.4855 6.06048C17.7588 5.78712 17.7588 5.3439 17.4855 5.07053 17.2121 4.79717 16.7689 4.79717 16.4955 5.07054L5.11283 16.4534C4.83947 16.7267 4.83947 17.1699 5.11284 17.4433 5.38621 17.7167 5.82942 17.7167 6.10279 17.4433L17.4855 6.06048Z" />
          </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"
            fillRule="evenodd"
            clipRule="evenodd"
          />
        </g>
        <path
          d="M4.7959 6.29572C4.7959 5.46729 5.46747 4.79572 6.2959 4.79572H7.21625C7.63047 4.79572 7.96625 5.1315 7.96625 5.54572C7.96625 5.95993 7.63047 6.29572 7.21625 6.29572H6.2959L6.2959 7.21607C6.2959 7.63028 5.96011 7.96607 5.5459 7.96607C5.13168 7.96607 4.7959 7.63028 4.7959 7.21607V6.29572ZM8.69339 5.54572C8.69339 5.1315 9.02918 4.79572 9.44339 4.79572H10.557C10.9712 4.79572 11.307 5.1315 11.307 5.54572C11.307 5.95993 10.9712 6.29572 10.557 6.29572H9.44339C9.02918 6.29572 8.69339 5.95993 8.69339 5.54572ZM12.0341 5.54572C12.0341 5.1315 12.3699 4.79572 12.7841 4.79572H13.7045C14.5329 4.79572 15.2045 5.46729 15.2045 6.29572L12.7841 6.29572C12.3699 6.29572 12.0341 5.95993 12.0341 5.54572ZM13.7045 7.21607L13.7045 6.29572L15.2045 6.29572V7.21607C15.2045 7.63028 14.8687 7.96607 14.4545 7.96607C14.0402 7.96607 13.7045 7.63028 13.7045 7.21607ZM5.5459 8.69321C5.96011 8.69321 6.2959 9.029 6.2959 9.44321V10.5568C6.2959 10.971 5.96011 11.3068 5.5459 11.3068C5.13168 11.3068 4.7959 10.971 4.7959 10.5568V9.44321C4.7959 9.029 5.13168 8.69321 5.5459 8.69321ZM14.4545 8.69321C14.8687 8.69321 15.2045 9.029 15.2045 9.44321V10.5568C15.2045 10.971 14.8687 11.3068 14.4545 11.3068C14.0402 11.3068 13.7045 10.971 13.7045 10.5568V9.44321C13.7045 9.029 14.0402 8.69321 14.4545 8.69321ZM5.5459 12.0339C5.96011 12.0339 6.2959 12.3697 6.2959 12.7839V13.7043H7.21625C7.63047 13.7043 7.96625 14.0401 7.96625 14.4543C7.96625 14.8685 7.63047 15.2043 7.21625 15.2043H6.2959C5.46747 15.2043 4.7959 14.5327 4.7959 13.7043V12.7839C4.7959 12.3697 5.13168 12.0339 5.5459 12.0339ZM14.4545 12.0339C14.8687 12.0339 15.2045 12.3697 15.2045 12.7839V13.7043C15.2045 14.5327 14.5329 15.2043 13.7045 15.2043H12.7841C12.3699 15.2043 12.0341 14.8685 12.0341 14.4543C12.0341 14.0401 12.3699 13.7043 12.7841 13.7043H13.7045V12.7839C13.7045 12.3697 14.0402 12.0339 14.4545 12.0339ZM8.69339 14.4543C8.69339 14.0401 9.02918 13.7043 9.44339 13.7043H10.557C10.9712 13.7043 11.307 14.0401 11.307 14.4543C11.307 14.8685 10.9712 15.2043 10.557 15.2043H9.44339C9.02918 15.2043 8.69339 14.8685 8.69339 14.4543Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconSafeAreaSvgBicolorSolid.displayName = "IconSafeAreaSvgBicolorSolid";

export default IconSafeAreaSvgBicolorSolid;