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

export const IconPenAddBicolorSolid = 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-add-bicolor-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <g clipPath="url(#a)">
          <path
            d="M0.736328 3.00552L9.6151 4.80696C10.8944 5.06652 11.9558 5.95498 12.4366 7.16858L14.2972 11.8656L16.3412 13.949C16.7144 14.3295 16.7086 14.9405 16.3281 15.3138L12.7448 18.8294C12.3643 19.2027 11.7532 19.1969 11.38 18.8164L9.33599 16.733L4.6753 14.7831C3.4711 14.2793 2.60306 13.2011 2.36797 11.9171L0.736328 3.00552Z"
            fill={color}
          />
          <path
            d="M15.25 7.5C15.25 7.91421 15.5858 8.25 16 8.25C16.4142 8.25 16.75 7.91421 16.75 7.5V5H19.25C19.6642 5 20 4.66421 20 4.25C20 3.83579 19.6642 3.5 19.25 3.5H16.75V1C16.75 0.585786 16.4142 0.25 16 0.25C15.5858 0.25 15.25 0.585786 15.25 1V3.5H12.75C12.3358 3.5 12 3.83579 12 4.25C12 4.66421 12.3358 5 12.75 5H15.25V7.5Z"
            fill={color}
          />
          <path
            d="M0.724767 3.21464C0.902486 3.04029 1.15515 2.96548 1.39914 3.01499L9.59456 4.67778C11.0239 4.96779 12.2099 5.96048 12.747 7.31645L14.4087 11.5111L16.1892 13.326C16.8238 13.9729 16.8139 15.0117 16.167 15.6464L12.8595 18.8914C12.2126 19.526 11.1737 19.5161 10.5391 18.8692L8.75855 17.0544L4.59635 15.313C3.25088 14.7501 2.28101 13.5454 2.01834 12.1107L0.512275 3.88509C0.467436 3.64019 0.547048 3.389 0.724767 3.21464ZM10.2484 16.4311L11.6098 17.8188C11.6643 17.8743 11.7535 17.8751 11.809 17.8207L15.1165 14.5756C15.1721 14.5211 15.1729 14.432 15.1185 14.3765L13.757 12.9888L10.2484 16.4311ZM12.8865 11.7415L11.3525 7.86887C11.0021 6.98445 10.2286 6.33698 9.2963 6.14783L3.49922 4.97164L7.85622 9.41261C7.88401 9.41071 7.91205 9.40974 7.94032 9.40974C8.60891 9.40974 9.15091 9.95174 9.15091 10.6203C9.15091 11.2889 8.60891 11.8309 7.94032 11.8309C7.27173 11.8309 6.72973 11.2889 6.72973 10.6203C6.72973 10.553 6.73522 10.487 6.74579 10.4226L2.42849 6.02213L3.49381 11.8406C3.66513 12.7763 4.29772 13.5621 5.17529 13.9292L9.01797 15.5369L12.8865 11.7415Z"
            fill={color}
            fillRule="evenodd"
            clipRule="evenodd"
          />
        </g>
        <defs>
          <clipPath id="a">
            <path fill={color} d="M0 0H20V20H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  }
);

IconPenAddBicolorSolid.displayName = "IconPenAddBicolorSolid";

export default IconPenAddBicolorSolid;