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

export const IconPsdBicolorSolid = 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-psd-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}>
          <path d="M11.9903 9.47042H11.812V12.8021H11.9903C12.7637 12.8021 13.1505 12.2424 13.1505 11.1229C13.1505 10.0034 12.7637 9.47042 11.9903 9.47042Z" />
          <path
            d="M12.8582 1.64001H6.12012C5.29169 1.64001 4.62012 2.31159 4.62012 3.14001V8.53752H5.38721C6.45808 8.53752 7.02325 9.09726 7.02325 10.1635C7.02325 11.2562 6.42824 11.896 5.41705 11.896H4.94119V13.2474C4.94119 13.4533 4.80631 13.6276 4.62012 13.6868V16.8993C4.62012 17.7277 5.29169 18.3993 6.12012 18.3993H16.7593C17.5877 18.3993 18.2593 17.7277 18.2593 16.8993V6.99911C18.2593 6.59847 18.099 6.21448 17.8142 5.93272L13.9131 2.07363C13.6323 1.79583 13.2532 1.64001 12.8582 1.64001ZM8.95656 10.5368L9.49188 10.803C10.057 11.0964 10.3247 11.5493 10.2951 12.2957C10.2951 13.2286 9.67047 13.8683 8.77819 13.8683C8.50835 13.8683 8.23099 13.7939 7.97275 13.6587C7.81228 13.5746 7.68457 13.468 7.56229 13.3537C7.38865 13.1915 7.3596 12.9216 7.49185 12.7242L7.50253 12.7082C7.65782 12.4764 7.95646 12.4661 8.18366 12.6281C8.38368 12.7708 8.60167 12.8554 8.8078 12.8554C9.16476 12.8554 9.37297 12.6688 9.37297 12.3224C9.37297 12.014 9.17945 11.9039 8.87242 11.7292C8.86099 11.7227 8.84939 11.7161 8.83765 11.7094L8.27248 11.3895C7.88568 11.1762 7.43966 10.7765 7.43966 9.97688C7.43966 9.09726 8.03443 8.4575 8.86726 8.4575C9.15146 8.4575 9.42623 8.53325 9.67047 8.67534C9.77636 8.73694 9.86246 8.81205 9.94386 8.89174C10.0951 9.03979 10.1193 9.28153 10.0026 9.45805C9.85889 9.67531 9.57017 9.69404 9.34889 9.55665C9.30599 9.53002 9.26103 9.50616 9.2132 9.48611C9.10388 9.44026 8.99069 9.41735 8.86726 9.41735C8.54014 9.41735 8.36178 9.60393 8.36178 9.89707C8.36178 10.2169 8.5996 10.3503 8.92671 10.5101L8.95656 10.5368ZM11.1899 8.53752H12.0498C13.3587 8.53752 14.0724 9.47042 14.0724 11.0964C14.0724 12.7488 13.3289 13.7085 12.0796 13.7085H11.1899C11.0242 13.7085 10.8899 13.5742 10.8899 13.4085V8.83752C10.8899 8.67184 11.0242 8.53752 11.1899 8.53752Z"
            fillRule="evenodd"
            clipRule="evenodd"
          />
          <path d="M5.32776 9.44368H4.94119V11.0163H5.3576C5.86331 11.0163 6.10113 10.7497 6.10113 10.19C6.10113 9.657 5.89292 9.44368 5.32776 9.44368Z" />
        </g>
        <path
          d="M5.32758 9.44365H4.94101V11.0163H5.35742C5.86313 11.0163 6.10095 10.7497 6.10095 10.19 6.10095 9.65698 5.89274 9.44365 5.32758 9.44365ZM11.9902 9.4704H11.8118V12.8021H11.9902C12.7635 12.8021 13.1503 12.2424 13.1503 11.1229 13.1503 10.0034 12.7635 9.4704 11.9902 9.4704Z"
          fill={color}
        />
        <path
          d="M3.35986 7.14301C2.80758 7.14301 2.35986 7.59072 2.35986 8.14301V14.1827C2.35986 14.735 2.80758 15.1827 3.35986 15.1827H14.7312C15.2835 15.1827 15.7312 14.735 15.7312 14.1827V8.14301C15.7312 7.59072 15.2835 7.14301 14.7312 7.14301H3.35986ZM4.34207 8.5375H5.38703C6.4579 8.5375 7.02307 9.09724 7.02307 10.1634C7.02307 11.2562 6.42806 11.8959 5.41687 11.8959H4.94101V13.2474C4.94101 13.502 4.73458 13.7085 4.47995 13.7085C4.22531 13.7085 4.01889 13.502 4.01889 13.2474V8.86068C4.01889 8.68219 4.16358 8.5375 4.34207 8.5375ZM8.95638 10.5368L9.4917 10.803C10.0569 11.0963 10.3245 11.5493 10.2949 12.2956C10.2949 13.2285 9.67029 13.8683 8.77801 13.8683C8.50817 13.8683 8.23082 13.7939 7.97257 13.6586C7.8121 13.5746 7.6844 13.468 7.56211 13.3537C7.38847 13.1915 7.35942 12.9216 7.49167 12.7241L7.50235 12.7082C7.65764 12.4763 7.95628 12.4661 8.18348 12.6281C8.3835 12.7707 8.60149 12.8554 8.80763 12.8554C9.16458 12.8554 9.37279 12.6688 9.37279 12.3224C9.37279 12.014 9.17927 11.9039 8.87225 11.7292C8.86081 11.7227 8.84922 11.7161 8.83747 11.7094L8.27231 11.3895C7.8855 11.1762 7.43948 10.7765 7.43948 9.97686C7.43948 9.09724 8.03426 8.45747 8.86708 8.45747C9.15128 8.45747 9.42605 8.53323 9.67029 8.67531C9.77618 8.73691 9.86228 8.81203 9.94368 8.89172C10.0949 9.03977 10.1191 9.2815 10.0024 9.45803C9.85872 9.67528 9.57 9.69401 9.34871 9.55663C9.30582 9.52999 9.26085 9.50614 9.21302 9.48608C9.1037 9.44023 8.99051 9.41732 8.86708 9.41732C8.53997 9.41732 8.3616 9.6039 8.3616 9.89704C8.3616 10.2169 8.59942 10.3502 8.92654 10.5101L8.95638 10.5368ZM11.1897 8.5375H12.0496C13.3585 8.5375 14.0722 9.4704 14.0722 11.0963C14.0722 12.7488 13.3287 13.7085 12.0795 13.7085H11.1897C11.024 13.7085 10.8897 13.5741 10.8897 13.4085V8.8375C10.8897 8.67181 11.024 8.5375 11.1897 8.5375Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconPsdBicolorSolid.displayName = "IconPsdBicolorSolid";

export default IconPsdBicolorSolid;
