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-icon customeow-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.83996C2.09009 3.32118 3.32131 2.08997 4.84009 2.08997H15.1601C16.6789 2.08997 17.9101 3.32118 17.9101 4.83997V15.16C17.9101 16.6788 16.6789 17.91 15.1601 17.91H4.84009C3.3213 17.91 2.09009 16.6787 2.09009 15.16V4.83996ZM4.84009 3.58997C4.14973 3.58997 3.59009 4.14961 3.59009 4.83996V15.16C3.59009 15.8503 4.14973 16.41 4.84009 16.41H15.1601C15.8504 16.41 16.4101 15.8503 16.4101 15.16V4.83997C16.4101 4.14961 15.8504 3.58997 15.1601 3.58997H4.84009Z"
            fillRule="evenodd"
            clipRule="evenodd"
          />
        </g>
        <path
          d="M4.7959 6.29565C4.7959 5.46723 5.46747 4.79565 6.2959 4.79565H7.21625C7.63047 4.79565 7.96625 5.13144 7.96625 5.54565C7.96625 5.95987 7.63047 6.29565 7.21625 6.29565H6.2959L6.2959 7.21601C6.2959 7.63022 5.96011 7.96601 5.5459 7.96601C5.13168 7.96601 4.7959 7.63022 4.7959 7.21601V6.29565ZM8.69339 5.54565C8.69339 5.13144 9.02918 4.79565 9.44339 4.79565H10.557C10.9712 4.79565 11.307 5.13144 11.307 5.54565C11.307 5.95987 10.9712 6.29565 10.557 6.29565H9.44339C9.02918 6.29565 8.69339 5.95987 8.69339 5.54565ZM12.0341 5.54565C12.0341 5.13144 12.3699 4.79565 12.7841 4.79565H13.7045C14.5329 4.79565 15.2045 5.46723 15.2045 6.29565L12.7841 6.29565C12.3699 6.29565 12.0341 5.95987 12.0341 5.54565ZM13.7045 7.21601L13.7045 6.29565L15.2045 6.29565V7.21601C15.2045 7.63022 14.8687 7.96601 14.4545 7.96601C14.0402 7.96601 13.7045 7.63022 13.7045 7.21601ZM5.5459 8.69315C5.96011 8.69315 6.2959 9.02893 6.2959 9.44315V10.5567C6.2959 10.9709 5.96011 11.3067 5.5459 11.3067C5.13168 11.3067 4.7959 10.9709 4.7959 10.5567V9.44315C4.7959 9.02893 5.13168 8.69315 5.5459 8.69315ZM14.4545 8.69315C14.8687 8.69315 15.2045 9.02893 15.2045 9.44315V10.5567C15.2045 10.9709 14.8687 11.3067 14.4545 11.3067C14.0402 11.3067 13.7045 10.9709 13.7045 10.5567V9.44315C13.7045 9.02893 14.0402 8.69315 14.4545 8.69315ZM5.5459 12.0339C5.96011 12.0339 6.2959 12.3696 6.2959 12.7839V13.7042H7.21625C7.63047 13.7042 7.96625 14.04 7.96625 14.4542C7.96625 14.8684 7.63047 15.2042 7.21625 15.2042H6.2959C5.46747 15.2042 4.7959 14.5326 4.7959 13.7042V12.7839C4.7959 12.3696 5.13168 12.0339 5.5459 12.0339ZM14.4545 12.0339C14.8687 12.0339 15.2045 12.3696 15.2045 12.7839V13.7042C15.2045 14.5326 14.5329 15.2042 13.7045 15.2042H12.7841C12.3699 15.2042 12.0341 14.8684 12.0341 14.4542C12.0341 14.04 12.3699 13.7042 12.7841 13.7042H13.7045V12.7839C13.7045 12.3696 14.0402 12.0339 14.4545 12.0339ZM8.69339 14.4542C8.69339 14.04 9.02918 13.7042 9.44339 13.7042H10.557C10.9712 13.7042 11.307 14.04 11.307 14.4542C11.307 14.8684 10.9712 15.2042 10.557 15.2042H9.44339C9.02918 15.2042 8.69339 14.8684 8.69339 14.4542Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconSafeAreaSvgBicolorSolid.displayName = "IconSafeAreaSvgBicolorSolid";

export default IconSafeAreaSvgBicolorSolid;