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

export const IconPenMinusBicolorSolid = 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-pen-minus-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.3254 2.43243C11.3254 2.01822 11.6612 1.68243 12.0754 1.68243H18.5C18.9142 1.68243 19.25 2.01822 19.25 2.43243C19.25 2.84665 18.9142 3.18243 18.5 3.18243H12.0754C11.6612 3.18243 11.3254 2.84665 11.3254 2.43243Z"
          fill={color}
        />
        <path
          d="M1.68961 2.85383C1.86733 2.67947 2.11999 2.60466 2.36399 2.65417L10.5594 4.31696C11.9888 4.60697 13.1748 5.59966 13.7119 6.95563L15.3735 11.1503L17.154 12.9652C17.7887 13.612 17.7787 14.6509 17.1319 15.2855L13.8243 18.5306C13.1774 19.1652 12.1386 19.1553 11.5039 18.5084L9.7234 16.6936L5.56119 14.9522C4.21572 14.3893 3.24585 13.1846 2.98318 11.7499L1.47712 3.52427C1.43228 3.27937 1.51189 3.02818 1.68961 2.85383ZM11.2133 16.0703L12.5747 17.4579C12.6291 17.5135 12.7183 17.5143 12.7738 17.4598L16.0814 14.2148C16.1369 14.1603 16.1378 14.0712 16.0833 14.0157L14.7219 12.628L11.2133 16.0703ZM13.8514 11.3807L12.3173 7.50805C11.967 6.62363 11.1934 5.97616 10.2611 5.78701L4.46407 4.61082L8.82107 9.0518C8.84885 9.04989 8.87689 9.04892 8.90516 9.04892C9.57375 9.04892 10.1158 9.59092 10.1158 10.2595C10.1158 10.9281 9.57375 11.4701 8.90516 11.4701C8.23657 11.4701 7.69457 10.9281 7.69457 10.2595C7.69457 10.1922 7.70007 10.1262 7.71063 10.0618L3.39333 5.66131L4.45865 11.4798C4.62998 12.4155 5.26257 13.2013 6.14013 13.5684L9.98281 15.1761L13.8514 11.3807Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconPenMinusBicolorSolid.displayName = "IconPenMinusBicolorSolid";

export default IconPenMinusBicolorSolid;