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

export const IconQrcodeBicolorSolid = 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-qrcode-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.65259 3.58524C1.65259 2.5178 2.51792 1.65247 3.58537 1.65247H7.54417C8.61162 1.65247 9.47695 2.5178 9.47695 3.58525V7.54405C9.47695 8.61149 8.61161 9.47683 7.54417 9.47683H3.58537C2.51792 9.47683 1.65259 8.61149 1.65259 7.54405V3.58524ZM3.70455 2.88793C3.25367 2.88793 2.88816 3.25344 2.88816 3.70432V7.42497C2.88816 7.87585 3.25367 8.24136 3.70455 8.24136H7.4252C7.87608 8.24136 8.24159 7.87585 8.24159 7.42497V3.70432C8.24159 3.25344 7.87608 2.88793 7.4252 2.88793H3.70455ZM4.30821 5.04956C4.30821 4.64005 4.64018 4.30809 5.04968 4.30809H6.07986C6.48936 4.30809 6.82133 4.64006 6.82133 5.04956V6.07973C6.82133 6.48924 6.48936 6.82121 6.07986 6.82121H5.04968C4.64018 6.82121 4.30821 6.48924 4.30821 6.07973V5.04956ZM1.65259 12.4559C1.65259 11.3885 2.51792 10.5232 3.58537 10.5232H7.54417C8.61162 10.5232 9.47695 11.3885 9.47695 12.4559V16.4148C9.47695 17.4822 8.61161 18.3475 7.54417 18.3475H3.58537C2.51792 18.3475 1.65259 17.4822 1.65259 16.4148V12.4559ZM3.70455 11.7586C3.25367 11.7586 2.88816 12.1241 2.88816 12.575V16.2957C2.88816 16.7466 3.25367 17.1121 3.70455 17.1121H7.4252C7.87608 17.1121 8.24159 16.7466 8.24159 16.2957V12.575C8.24159 12.1241 7.87608 11.7586 7.4252 11.7586H3.70455ZM4.30821 13.9203C4.30821 13.5108 4.64018 13.1788 5.04968 13.1788H6.07986C6.48936 13.1788 6.82133 13.5108 6.82133 13.9203V14.9504C6.82133 15.3599 6.48936 15.6919 6.07986 15.6919H5.04968C4.64018 15.6919 4.30821 15.3599 4.30821 14.9504V13.9203ZM10.5233 3.58524C10.5233 2.5178 11.3886 1.65247 12.4561 1.65247H16.4149C17.4823 1.65247 18.3477 2.5178 18.3477 3.58525V7.54405C18.3477 8.6115 17.4823 9.47683 16.4149 9.47683H12.4561C11.3886 9.47683 10.5233 8.61149 10.5233 7.54405V3.58524ZM12.5752 2.88793C12.1244 2.88793 11.7589 3.25344 11.7589 3.70432V7.42497C11.7589 7.87585 12.1244 8.24136 12.5752 8.24136H16.2959C16.7468 8.24136 17.1123 7.87585 17.1123 7.42497V3.70432C17.1123 3.25344 16.7468 2.88793 16.2959 2.88793H12.5752ZM13.1789 5.04956C13.1789 4.64005 13.5109 4.30809 13.9204 4.30809H14.9506C15.3601 4.30809 15.692 4.64006 15.692 5.04956V6.07973C15.692 6.48924 15.3601 6.82121 14.9506 6.82121H13.9204C13.5109 6.82121 13.1789 6.48924 13.1789 6.07973V5.04956Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          opacity=".4"
          d="M10.9407 11.6743C10.9407 11.3154 11.2316 11.0245 11.5905 11.0245H12.067C12.4259 11.0245 12.7169 11.3154 12.7169 11.6743V12.1508C12.7169 12.5097 12.4259 12.8007 12.067 12.8007H11.5905C11.2316 12.8007 10.9407 12.5097 10.9407 12.1508V11.6743ZM16.2707 11.6743C16.2707 11.3154 16.5616 11.0245 16.9205 11.0245H17.397C17.7559 11.0245 18.0468 11.3154 18.0468 11.6743V12.1508C18.0468 12.5097 17.7559 12.8007 17.397 12.8007H16.9205C16.5616 12.8007 16.2707 12.5097 16.2707 12.1508V11.6743ZM13.0722 13.1869C13.0722 12.828 13.3632 12.5371 13.7221 12.5371H14.0886C14.4475 12.5371 14.7385 12.828 14.7385 13.1869V14.8364C14.7385 15.1953 14.4475 15.4863 14.0886 15.4863H13.7221C13.3632 15.4863 13.0722 15.1953 13.0722 14.8364V13.1869ZM10.9407 16.9128C10.9407 16.5539 11.2316 16.263 11.5905 16.263H12.067C12.4259 16.263 12.7169 16.5539 12.7169 16.9128V17.3893C12.7169 17.7482 12.4259 18.0391 12.067 18.0391H11.5905C11.2316 18.0391 10.9407 17.7482 10.9407 17.3893V16.9128ZM17.4886 14.5174C17.7969 14.5174 18.0468 14.7673 18.0468 15.0756V17.206C18.0468 17.6662 17.6738 18.0391 17.2137 18.0391H15.0966C14.7884 18.0391 14.5384 17.7892 14.5384 17.481V16.8211C14.5384 16.5129 14.7884 16.263 15.0966 16.263H16.2707V15.0756C16.2707 14.7673 16.5206 14.5174 16.8289 14.5174H17.4886Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconQrcodeBicolorSolid.displayName = "IconQrcodeBicolorSolid";

export default IconQrcodeBicolorSolid;
