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

export const IconToolFontPreviewOutline = 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-preview-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.2119 6.07083C13.4563 5.90016 14.0232 6.02816 13.7691 6.56153C13.3879 7.35091 11.0516 11.0311 10.7877 13.5273C10.729 14.0927 10.1034 14.1993 10.0154 13.5806C9.90792 12.6952 10.4651 11.6178 10.8268 10.8071C10.5042 10.6258 10.1816 10.5191 9.77107 10.4978C9.67332 10.4871 9.57557 10.4871 9.49737 10.4978C9.37029 10.6258 9.25299 10.7645 9.13569 10.8925C8.54918 11.5645 7.93335 12.2259 7.25887 12.7699C6.63326 13.2606 5.86103 13.7406 5.10835 13.6233C3.44658 13.3566 3.97444 10.8711 4.62937 9.72972C5.0106 9.07902 5.53845 8.51365 6.13473 8.10829C6.67236 7.73493 7.46415 7.38291 8.06043 7.60693C8.78379 7.89494 8.71536 9.00434 8.21683 9.58038C7.66943 10.2098 6.90697 10.7751 6.16406 11.0098C5.83171 11.1058 5.84148 10.4551 6.09563 10.3271C6.64304 10.0284 7.59122 9.47371 7.90403 8.823C7.89425 8.823 7.88448 8.823 7.86493 8.81233C7.8356 8.78033 7.78673 8.76966 7.73785 8.759C7.33707 8.69499 6.87764 8.89767 6.51596 9.10035C5.5971 9.59105 4.66847 10.7218 4.67824 11.8525C4.67824 12.5032 5.19632 12.7166 5.74373 12.5886C6.37911 12.4286 6.93629 11.9592 7.42505 11.5112C7.6792 11.2765 7.93335 11.0311 8.18751 10.7965C8.01155 10.7325 8.01155 10.3698 8.11908 10.2204C8.39278 9.8684 8.86199 9.69772 9.31164 9.63372C10.5433 8.34297 11.7456 7.06289 13.2119 6.07083ZM11.2569 9.97507C11.7652 8.97234 12.3321 7.99095 12.8991 6.96689C12.8991 6.95622 12.8991 6.93489 12.9089 6.92422C11.9314 7.69226 11.0712 8.65232 10.2403 9.62305C10.602 9.66572 10.9636 9.77239 11.2569 9.97507Z"
          fill={color}
        />
        <path
          d="M15.6726 10.8498C15.8094 10.5084 16.0636 10.7325 15.9854 10.9671C15.7605 11.5538 15.4673 12.2579 15.0176 12.6846C14.5973 13.0793 13.8837 12.9619 13.9228 12.1299C13.307 13.0579 12.2806 13.0046 12.0264 12.0552C11.7039 10.9458 12.7596 9.53771 13.8739 9.11102C14.2063 8.99368 14.6657 8.823 14.9981 8.99368C15.1936 9.06835 15.4575 9.4417 15.3207 9.66572C15.0079 10.1564 14.6462 10.8285 14.4213 11.4578C14.2943 11.8419 14.3725 12.4606 14.8417 12.0765C15.1643 11.8098 15.4868 11.2872 15.6726 10.8498ZM13.1213 11.9592C13.7762 11.7992 14.1672 10.2951 14.6071 9.74039C13.9521 9.9644 12.7791 10.6364 12.7303 11.5538C12.74 11.8098 12.8769 11.9805 13.1213 11.9592Z"
          fill={color}
        />
        <path
          d="M0 1.5C0 0.671573 0.671573 0 1.5 0C2.15311 0 2.70873 0.417404 2.91465 1H17.0854C17.2913 0.417404 17.8469 0 18.5 0C19.3284 0 20 0.671573 20 1.5C20 2.15311 19.5826 2.70873 19 2.91465V17.0854C19.5826 17.2913 20 17.8469 20 18.5C20 19.3284 19.3284 20 18.5 20C17.8469 20 17.2913 19.5826 17.0854 19H2.91465C2.70873 19.5826 2.15311 20 1.5 20C0.671573 20 0 19.3284 0 18.5C0 17.8469 0.417404 17.2913 1 17.0854V2.91465C0.417404 2.70873 0 2.15311 0 1.5ZM2 2.91465V17.0854C2.42621 17.236 2.764 17.5738 2.91465 18H17.0854C17.236 17.5738 17.5738 17.236 18 17.0854V2.91465C17.5738 2.764 17.236 2.42621 17.0854 2H2.91465C2.764 2.42621 2.42621 2.764 2 2.91465Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolFontPreviewOutline.displayName = "IconToolFontPreviewOutline";

export default IconToolFontPreviewOutline;