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.63654L10.9945 3.50311C12.32 3.77205 13.4198 4.69264 13.918 5.95012L15.8458 10.817L17.9637 12.9757C18.3505 13.3699 18.3444 14.0031 17.9502 14.3898L14.2373 18.0326C13.843 18.4193 13.2099 18.4133 12.8231 18.0191L10.7053 15.8604L5.87606 13.8399C4.62832 13.3179 3.7289 12.2007 3.48531 10.8703L1.79468 1.63654Z"
          fill={color}
        />
        <path
          d="M1.94371 0.901674C1.69971 0.852169 1.44705 0.926972 1.26933 1.10133C1.09161 1.27569 1.012 1.52687 1.05684 1.77177L2.74747 11.0055C3.03674 12.5854 4.1048 13.9121 5.58649 14.532L10.2759 16.4939L12.2877 18.5445C12.9645 19.2344 14.0725 19.2449 14.7624 18.5681L18.4754 14.9254C19.1653 14.2485 19.1758 13.1405 18.499 12.4506L16.4872 10.4001L14.6151 5.67406C14.0236 4.18081 12.7176 3.08761 11.1435 2.76824L1.94371 0.901674ZM13.3584 17.494L11.7658 15.8707L15.8356 11.8778L17.4282 13.5011C17.5249 13.5996 17.5234 13.7579 17.4249 13.8546L13.7119 17.4973C13.6134 17.594 13.4551 17.5925 13.3584 17.494ZM13.2206 6.22648L14.9651 10.6305L10.5353 14.9765L6.16543 13.1482C5.15164 12.7241 4.42086 11.8163 4.22294 10.7354L2.97305 3.90882L7.91019 8.94111C7.85723 9.09999 7.82782 9.26973 7.82614 9.44622C7.81747 10.355 8.54713 11.0987 9.45589 11.1074C10.3647 11.1161 11.1084 10.3864 11.1171 9.47763C11.1257 8.56887 10.3961 7.82514 9.4873 7.81647C9.31095 7.81478 9.14081 7.84091 8.98105 7.89075L4.04379 2.85833L10.8452 4.23829C11.9222 4.45681 12.8159 5.20478 13.2206 6.22648Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconPenBicolorSolid.displayName = "IconPenBicolorSolid";

export default IconPenBicolorSolid;