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

export const IconPixelArtBicolorSolid = 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-pixel-art-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          opacity=".6"
          d="M12.1 3.69995H7.89995V7.89995H3.69995V12.1H7.89995V16.3H12.1V12.1H16.3V7.89995H12.1V3.69995ZM12.1 7.89995V12.1H7.89995V7.89995H12.1Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          opacity=".2"
          d="M3.69995 4.74995C3.69995 4.17005 4.17005 3.69995 4.74995 3.69995H7.89995V7.89995H3.69995V4.74995ZM12.1 7.89995H7.89995V12.1H3.69995V15.25C3.69995 15.8299 4.17005 16.3 4.74995 16.3H7.89995V12.1H12.1V16.3H15.25C15.8299 16.3 16.3 15.8299 16.3 15.25V12.1H12.1V7.89995ZM12.1 7.89995V3.69995H15.25C15.8299 3.69995 16.3 4.17005 16.3 4.74995V7.89995H12.1Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M15.8 2.69995H4.19995C3.37152 2.69995 2.89995 3.37152 2.69995 4.19995V15.8C2.89995 16.4284 3.57152 17.2999 4.19995 17.2999H15.8C16.4284 17.2999 17.2999 16.4284 17.2999 15.8V4.19995C17.2999 3.37152 16.4284 2.69995 15.8 2.69995ZM4.19995 1.19995C2.5431 1.19995 1.39995 2.5431 1.19995 4.19995V15.8C1.39995 17.2568 2.7431 18.7999 4.19995 18.7999H15.8C17.2568 18.7999 18.7999 17.2568 18.7999 15.8V4.19995C18.7999 2.5431 17.2568 1.19995 15.8 1.19995H4.19995Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconPixelArtBicolorSolid.displayName = "IconPixelArtBicolorSolid";

export default IconPixelArtBicolorSolid;