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

export const IconPenBicolorSolid = 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-pen-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.79468 1.63647L10.9945 3.50304C12.32 3.77199 13.4198 4.69257 13.918 5.95005L15.8458 10.8169L17.9637 12.9756C18.3505 13.3698 18.3444 14.003 17.9502 14.3898L14.2373 18.0325C13.843 18.4193 13.2099 18.4132 12.8231 18.019L10.7053 15.8603L5.87606 13.8399C4.62832 13.3179 3.7289 12.2006 3.48531 10.8702L1.79468 1.63647Z"
          fill={color}
        />
        <path
          d="M1.94371 0.90175C1.69971 0.852245 1.44705 0.927048 1.26933 1.10141C1.09161 1.27577 1.012 1.52695 1.05684 1.77185L2.74747 11.0056C3.03674 12.5855 4.1048 13.9122 5.58649 14.5321L10.2759 16.494L12.2877 18.5445C12.9645 19.2344 14.0725 19.245 14.7624 18.5682L18.4754 14.9254C19.1653 14.2486 19.1758 13.1406 18.499 12.4507L16.4872 10.4001L14.6151 5.67414C14.0236 4.18088 12.7176 3.08769 11.1435 2.76832L1.94371 0.90175ZM13.3584 17.494L11.7658 15.8707L15.8356 11.8778L17.4282 13.5012C17.5249 13.5997 17.5234 13.758 17.4249 13.8547L13.7119 17.4974C13.6134 17.5941 13.4551 17.5926 13.3584 17.494ZM13.2206 6.22656L14.9651 10.6305L10.5353 14.9766L6.16543 13.1483C5.15164 12.7241 4.42086 11.8164 4.22294 10.7354L2.97305 3.90889L7.91019 8.94119C7.85723 9.10007 7.82782 9.26981 7.82614 9.4463C7.81747 10.3551 8.54713 11.0988 9.45589 11.1075C10.3647 11.1161 11.1084 10.3865 11.1171 9.47771C11.1257 8.56894 10.3961 7.82522 9.4873 7.81654C9.31095 7.81486 9.14081 7.84098 8.98105 7.89082L4.04379 2.8584L10.8452 4.23837C11.9222 4.45688 12.8159 5.20486 13.2206 6.22656Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconPenBicolorSolid.displayName = "IconPenBicolorSolid";

export default IconPenBicolorSolid;