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

export const IconToolFontColorOutline = 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-tool-font-color-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.9517 11.0668C15.9517 10.7354 15.6831 10.4668 15.3517 10.4668C15.0204 10.4668 14.7517 10.7354 14.7517 11.0668C14.7517 11.2265 14.6394 11.4779 14.3977 11.7239C14.2858 11.8377 14.1678 11.9271 14.0662 11.9845C13.9885 12.0284 13.9437 12.0407 13.9313 12.0442C13.9289 12.0448 13.9277 12.0453 13.9277 12.0453L13.9289 12.0454C13.6004 12.0487 13.3351 12.3161 13.3351 12.6454C13.3351 12.9768 13.6037 13.2454 13.9351 13.2454C14.2041 13.2454 14.4593 13.1407 14.6565 13.0293C14.866 12.9109 15.0718 12.7499 15.2534 12.5651C15.5985 12.214 15.9517 11.6761 15.9517 11.0668Z"
          fill={color}
        />
        <path
          d="M8.37655 3.22232C8.26243 2.93802 7.98687 2.75171 7.68053 2.75171C7.37418 2.75171 7.09862 2.93802 6.98451 3.22232L1.7758 16.1985C1.6215 16.5829 1.80803 17.0196 2.19243 17.1739C2.57683 17.3282 3.01354 17.1417 3.16784 16.7573L4.48459 13.4769H9.48605C9.5376 13.4769 9.58793 13.4717 9.63655 13.4618C10.0884 14.3033 10.8041 14.9848 11.6727 15.4044C11.6811 15.4621 11.6964 15.5197 11.7191 15.5762L12.1932 16.7573C12.3475 17.1417 12.7842 17.3282 13.1686 17.1739C13.553 17.0196 13.7396 16.5829 13.5853 16.1985L13.4489 15.8587C13.5304 15.863 13.6126 15.8651 13.6952 15.8651C16.2096 15.8651 18.2782 13.8697 18.2782 11.3713C18.2782 10.4734 17.9942 9.55135 17.6128 8.707C17.2281 7.85531 16.7219 7.0339 16.2267 6.32452C15.7301 5.61312 15.2351 5.00081 14.8647 4.56668C14.6791 4.3492 14.5239 4.17538 14.4143 4.05505C14.3595 3.99485 14.316 3.94798 14.2857 3.91563L14.2504 3.87815L14.2406 3.86785L14.2377 3.86487L14.2363 3.86334C14.2363 3.86334 14.2363 3.86334 13.6952 4.38269C13.1541 3.86334 13.1541 3.86334 13.1541 3.86334L13.1526 3.86487L13.1498 3.86785L13.14 3.87815L13.1047 3.91563C13.0744 3.94798 13.0309 3.99485 12.9761 4.05505C12.8664 4.17538 12.7113 4.3492 12.5257 4.56668C12.1553 5.00081 11.6603 5.61312 11.1637 6.32452C10.8428 6.78425 10.5172 7.29102 10.2231 7.8226L8.37655 3.22232ZM13.1541 3.86334L13.6952 4.38269L14.2363 3.86334C14.0949 3.71599 13.8994 3.63269 13.6952 3.63269C13.4909 3.63269 13.2955 3.71599 13.1541 3.86334ZM9.11218 11.3713C9.11218 11.5768 9.12619 11.779 9.15329 11.9769H5.0867L7.68053 5.51505L9.26408 9.46009C9.2975 9.54333 9.34415 9.61729 9.40065 9.68053C9.22363 10.2369 9.11218 10.8088 9.11218 11.3713ZM13.6952 5.50709L13.6668 5.54025C13.3185 5.94849 12.8553 6.52174 12.3937 7.1831C11.9306 7.84647 11.4786 8.58501 11.1446 9.32446C10.8073 10.0713 10.6122 10.7715 10.6122 11.3713C10.6122 13.0082 11.9758 14.3651 13.6952 14.3651C15.4146 14.3651 16.7782 13.0082 16.7782 11.3713C16.7782 10.7715 16.5831 10.0713 16.2458 9.32446C15.9118 8.58501 15.4598 7.84647 14.9967 7.1831C14.5351 6.52174 14.0718 5.94849 13.7235 5.54025L13.6952 5.50709Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolFontColorOutline.displayName = "IconToolFontColorOutline";

export default IconToolFontColorOutline;