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

export const IconCaricatureAiOutline = 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-caricature-ai-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <g fill={color} clipPath="url(#a)">
          <path d="M10 2.25C5.71979 2.25 2.25 5.71979 2.25 10C2.25 14.2802 5.71979 17.75 10 17.75C10.4142 17.75 10.75 18.0858 10.75 18.5C10.75 18.9142 10.4142 19.25 10 19.25C4.89137 19.25 0.75 15.1086 0.75 10C0.75 4.89137 4.89137 0.75 10 0.75C15.1086 0.75 19.25 4.89137 19.25 10C19.25 10.4142 18.9142 10.75 18.5 10.75C18.0858 10.75 17.75 10.4142 17.75 10C17.75 5.71979 14.2802 2.25 10 2.25Z" />
          <path
            d="M15.8 12.4C16.0511 12.4 16.2756 12.5563 16.3627 12.7918L16.7998 13.973C16.9416 14.3562 17.2438 14.6584 17.627 14.8002L18.8082 15.2373C19.0437 15.3244 19.2 15.5489 19.2 15.8C19.2 16.0511 19.0437 16.2756 18.8082 16.3627L17.627 16.7998C17.2438 16.9416 16.9416 17.2438 16.7998 17.627L16.3627 18.8082C16.2756 19.0437 16.0511 19.2 15.8 19.2C15.5489 19.2 15.3244 19.0437 15.2373 18.8082L14.8002 17.627C14.6584 17.2438 14.3562 16.9416 13.973 16.7998L12.7918 16.3627C12.5563 16.2756 12.4 16.0511 12.4 15.8C12.4 15.5489 12.5563 15.3244 12.7918 15.2373L13.973 14.8002C14.3562 14.6584 14.6584 14.3562 14.8002 13.973L15.2373 12.7918C15.3244 12.5563 15.5489 12.4 15.8 12.4ZM15.8 14.675C15.5519 15.1582 15.1582 15.5519 14.675 15.8C15.1582 16.0481 15.5519 16.4418 15.8 16.925C16.0481 16.4418 16.4418 16.0481 16.925 15.8C16.4418 15.5519 16.0481 15.1582 15.8 14.675Z"
            fillRule="evenodd"
            clipRule="evenodd"
          />
          <path d="M7.53634 8C8.08863 8 8.53634 7.55228 8.53634 7 8.53634 6.44772 8.08863 6 7.53634 6 6.98406 6 6.53634 6.44772 6.53634 7 6.53634 7.55228 6.98406 8 7.53634 8ZM12.5363 8C13.0886 8 13.5363 7.55228 13.5363 7 13.5363 6.44772 13.0886 6 12.5363 6 11.9841 6 11.5363 6.44772 11.5363 7 11.5363 7.55228 11.9841 8 12.5363 8Z" />
          <path
            d="M6.31012 10.8437C6.20634 10.0317 6.90613 9.55078 7.49486 9.55078H12.48C13.1881 9.55078 13.8707 10.1931 13.6717 11.0231C13.5364 11.5875 13.2584 12.2978 12.6755 12.8725C12.0741 13.4655 11.2116 13.8508 10.0405 13.8508C8.83181 13.8508 7.92308 13.4408 7.29822 12.8272C6.68846 12.2284 6.39115 11.4777 6.31012 10.8437ZM7.89656 11.0508C7.98595 11.2941 8.13286 11.5445 8.3492 11.757C8.67258 12.0745 9.19448 12.3508 10.0405 12.3508C10.8554 12.3508 11.3276 12.095 11.6224 11.8044C11.8385 11.5913 11.9912 11.3273 12.0971 11.0508H7.89656Z"
            fillRule="evenodd"
            clipRule="evenodd"
          />
        </g>
        <defs>
          <clipPath id="a">
            <path fill={color} d="M0 0H20V20H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  }
);

IconCaricatureAiOutline.displayName = "IconCaricatureAiOutline";

export default IconCaricatureAiOutline;