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

export const IconSymbolLetterOutline = 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-symbol-letter-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M5.74918.250108C6.05195.244989 6.32809.422438 6.44923.699959L9.27553 7.17477C8.64117 7.68989 8.09258 8.30655 7.65453 9H3.39415L1.69707 13.2766C1.54429 13.6616 1.10833 13.8499.723322 13.6971.338314 13.5443.150057 13.1084.302838 12.7234L5.06474.723367C5.17643.441909 5.44642.255227 5.74918.250108ZM5.79483 2.95028 7.78082 7.5H3.98939L5.79483 2.95028ZM14 17.5C16.4853 17.5 18.5 15.4853 18.5 13 18.5 10.5147 16.4853 8.5 14 8.5 11.5147 8.5 9.49997 10.5147 9.49997 13 9.49997 15.4853 11.5147 17.5 14 17.5ZM14 19C17.3137 19 20 16.3137 20 13 20 9.68629 17.3137 7 14 7 10.6863 7 7.99997 9.68629 7.99997 13 7.99997 16.3137 10.6863 19 14 19Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M14.1748 11.75C13.5985 11.75 13.05 12.2633 13.05 13C13.05 13.7367 13.5985 14.25 14.1748 14.25C14.4162 14.25 14.6424 14.1659 14.8309 14.0148C15.1541 13.7557 15.6261 13.8077 15.8852 14.131C16.1442 14.4542 16.0922 14.9262 15.769 15.1852C15.3308 15.5365 14.7778 15.75 14.1748 15.75C12.6803 15.75 11.55 14.4724 11.55 13C11.55 11.5276 12.6803 10.25 14.1748 10.25C14.7778 10.25 15.3308 10.4635 15.769 10.8148C16.0922 11.0738 16.1442 11.5458 15.8852 11.869C15.6261 12.1923 15.1541 12.2443 14.8309 11.9852C14.6424 11.8341 14.4162 11.75 14.1748 11.75Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconSymbolLetterOutline.displayName = "IconSymbolLetterOutline";

export default IconSymbolLetterOutline;