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

export const IconLogoAiOutline = 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-logo-ai-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.4387 3.33285C12.9651 3.33285 12.5811 3.7168 12.5811 4.19043V7.62376C12.5811 7.92501 12.8253 8.16921 13.1266 8.16921C13.4278 8.16921 13.672 7.92501 13.672 7.62376V6.56402H14.1446L15.5446 8.00398C15.7546 8.21998 16.0999 8.22484 16.3159 8.01485C16.5319 7.80486 16.5367 7.45953 16.3267 7.24353L15.5283 6.42226C16.09 6.16925 16.4811 5.60451 16.4811 4.94843C16.4811 4.05617 15.7578 3.33285 14.8655 3.33285H13.4387ZM13.672 5.47311V4.42376H14.8655C15.1553 4.42376 15.3902 4.65866 15.3902 4.94843C15.3902 5.2382 15.1553 5.47311 14.8655 5.47311H13.672Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M19.4 5.74985C19.4 8.59412 17.0943 10.8999 14.25 10.8999C11.4057 10.8999 9.1 8.59412 9.1 5.74985C9.1 2.90559 11.4057 0.599854 14.25 0.599854C17.0943 0.599854 19.4 2.90559 19.4 5.74985ZM18.0364 5.74985C18.0364 7.841 16.3412 9.53622 14.25 9.53622C12.1588 9.53622 10.4636 7.841 10.4636 5.74985C10.4636 3.6587 12.1588 1.96349 14.25 1.96349C16.3412 1.96349 18.0364 3.6587 18.0364 5.74985Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M1.25 4.99991C1.25 2.92884 2.92893 1.24991 5 1.24991H7.33333C7.74755 1.24991 8.08333 1.5857 8.08333 1.99991C8.08333 2.41412 7.74755 2.74991 7.33333 2.74991H5C3.75736 2.74991 2.75 3.75727 2.75 4.99991V14.9999C2.75 16.2426 3.75736 17.2499 5 17.2499H15C16.2426 17.2499 17.25 16.2426 17.25 14.9999V12.4999C17.25 12.0857 17.5858 11.7499 18 11.7499C18.4142 11.7499 18.75 12.0857 18.75 12.4999V14.9999C18.75 17.071 17.0711 18.7499 15 18.7499H5C2.92893 18.7499 1.25 17.071 1.25 14.9999V4.99991Z"
          fill={color}
        />
        <path
          d="M7.7627 10.1917C7.67557 9.95622 7.45105 9.79991 7.19999 9.79991C6.94892 9.79991 6.72441 9.95622 6.63728 10.1917L6.30821 11.081C6.16641 11.4642 5.86427 11.7663 5.48106 11.9081L4.59177 12.2372C4.3563 12.3243 4.19999 12.5488 4.19999 12.7999C4.19999 13.051 4.3563 13.2755 4.59177 13.3626L5.48106 13.6917C5.86427 13.8335 6.16641 14.1356 6.30821 14.5188L6.63728 15.4081C6.72441 15.6436 6.94892 15.7999 7.19999 15.7999C7.45105 15.7999 7.67557 15.6436 7.7627 15.4081L8.09177 14.5188C8.23357 14.1356 8.5357 13.8335 8.91891 13.6917L9.80821 13.3626C10.0437 13.2755 10.2 13.051 10.2 12.7999C10.2 12.5488 10.0437 12.3243 9.80821 12.2372L8.91891 11.9081C8.5357 11.7663 8.23357 11.4642 8.09177 11.081L7.7627 10.1917ZM6.37328 12.7999C6.70796 12.5907 6.99079 12.3079 7.19999 11.9732C7.40918 12.3079 7.69202 12.5907 8.02669 12.7999C7.69202 13.0091 7.40918 13.2919 7.19999 13.6266C6.99079 13.2919 6.70796 13.0091 6.37328 12.7999Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconLogoAiOutline.displayName = "IconLogoAiOutline";

export default IconLogoAiOutline;