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

export const IconLettersOutline = 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-letters-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.4122 14.8106 6.77742 3.98308C6.71669 3.84119 6.60798 3.7189 6.4658 3.63258 6.32363 3.54625 6.15476 3.5 5.98177 3.5 5.80879 3.5 5.63992 3.54625 5.49775 3.63258 5.35557 3.7189 5.24685 3.84119 5.18613 3.98308L.551309 14.8106C.474652 14.9949.4842 15.1984.577877 15.3766.671554 15.5549.841782 15.6935 1.05153 15.7624 1.26128 15.8312 1.49358 15.8247 1.69791 15.7443 1.90223 15.6639 2.06205 15.5161 2.1426 15.333L3.53922 12.0705C3.54472 12.0576 3.55459 12.0465 3.56749 12.0387 3.5804 12.0308 3.59573 12.0266 3.61145 12.0265H8.3521C8.36782 12.0266 8.38315 12.0308 8.39606 12.0387 8.40896 12.0465 8.41882 12.0576 8.42432 12.0705L9.82095 15.333C9.90149 15.5161 10.0613 15.6639 10.2656 15.7443 10.47 15.8247 10.7023 15.8312 10.912 15.7624 11.1218 15.6935 11.292 15.5549 11.3857 15.3766 11.4793 15.1984 11.4889 14.9949 11.4122 14.8106ZM4.23445 10.4457 5.90955 6.53262C5.91511 6.51978 5.92499 6.50872 5.93789 6.50092 5.95079 6.49312 5.9661 6.48895 5.98177 6.48895 5.99745 6.48895 6.01275 6.49312 6.02565 6.50092 6.03855 6.50872 6.04844 6.51978 6.054 6.53262L7.7291 10.4464C7.73346 10.4566 7.73494 10.4676 7.73339 10.4785 7.73185 10.4893 7.72734 10.4997 7.72024 10.5086 7.71315 10.5176 7.70368 10.5249 7.69264 10.53 7.68161 10.5351 7.66934 10.5377 7.65688 10.5378H4.30667C4.29421 10.5377 4.28194 10.5351 4.2709 10.53 4.25987 10.5249 4.2504 10.5176 4.2433 10.5086 4.23621 10.4997 4.2317 10.4893 4.23015 10.4785 4.22861 10.4676 4.23008 10.456 4.23445 10.4457ZM15.5901 6.74815C13.9788 6.738 12.5358 7.55581 11.9209 8.82567 11.8328 9.00739 11.8307 9.21233 11.9151 9.3954 11.9995 9.57846 12.1634 9.72466 12.3709 9.80184 12.5783 9.87901 12.8122 9.88084 13.0212 9.80691 13.2302 9.73299 13.3971 9.58937 13.4852 9.40765 13.8281 8.70082 14.635 8.24234 15.5446 8.23693 16.7929 8.22949 17.8006 9.13358 17.8006 10.2282 17.8006 10.2413 17.7947 10.254 17.7843 10.2635 17.7738 10.2729 17.7596 10.2785 17.7446 10.2789 16.8979 10.2996 15.8937 10.349 14.9977 10.4413 12.883 10.6592 11.6208 11.6692 11.6208 13.1431 11.6208 13.9278 11.9591 14.6319 12.5736 15.1286 13.1503 15.5939 13.9382 15.85 14.7879 15.85 15.9853 15.85 17.0161 15.5793 17.7982 15.0643H17.8006C17.8001 15.1621 17.8216 15.259 17.8638 15.3494 17.9061 15.4399 17.9683 15.5222 18.0468 15.5916 18.1254 15.6611 18.2188 15.7162 18.3217 15.754 18.4246 15.7918 18.535 15.8115 18.6466 15.8119 18.7582 15.8124 18.8688 15.7935 18.9721 15.7565 19.0753 15.7195 19.1693 15.665 19.2485 15.5962 19.3278 15.5274 19.3908 15.4455 19.4339 15.3554 19.4771 15.2652 19.4995 15.1685 19.5 15.0708V10.2322C19.5 8.33133 17.7619 6.76202 15.5901 6.74815ZM14.7879 14.3612C14.1109 14.3612 13.3202 14.0421 13.3202 13.1431 13.3202 12.7821 13.4682 12.5293 13.8003 12.3233 14.1236 12.1226 14.6191 11.9795 15.1962 11.92 16.0119 11.8357 16.9273 11.7894 17.7121 11.7687 17.7226 11.7687 17.733 11.7706 17.7426 11.7742 17.7522 11.7778 17.7609 11.7831 17.7682 11.7897 17.7754 11.7964 17.781 11.8042 17.7846 11.8128 17.7883 11.8214 17.7899 11.8306 17.7894 11.8398 17.6847 13.5356 16.6983 14.3612 14.7879 14.3612Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconLettersOutline.displayName = "IconLettersOutline";

export default IconLettersOutline;