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

export const IconPexelsBicolorSolid = 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-pexels-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M5.46899 15.7142H10.2382V11.4259H11.6761C12.6852 11.4259 13.6529 11.0498 14.3664 10.3803C15.0799 9.71076 15.4808 8.80269 15.4808 7.85585C15.4808 6.909 15.0799 6.00094 14.3664 5.33142C13.6529 4.6619 12.6852 4.28577 11.6761 4.28577H5.46899V15.7142ZM12.7078 18H3V2.00059H11.6761C13.2557 1.97954 14.7849 2.52185 15.9547 3.51796C17.1246 4.51406 17.848 5.88969 17.9786 7.36692C18.1093 8.84415 17.6375 10.3129 16.6586 11.4763C15.6798 12.6397 14.2668 13.4112 12.7051 13.6347L12.7078 18Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconPexelsBicolorSolid.displayName = "IconPexelsBicolorSolid";

export default IconPexelsBicolorSolid;