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

export const IconSketchAiOutline = 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-sketch-ai-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.84013 1.51709C4.09119 1.51709 4.31571 1.67341 4.40284 1.90887L4.79677 2.97345C4.93857 3.35666 5.2407 3.6588 5.62391 3.8006L6.6885 4.19453C6.92396 4.28166 7.08027 4.50618 7.08027 4.75724 7.08027 5.0083 6.92396 5.23282 6.6885 5.31995L5.62391 5.71388C5.2407 5.85568 4.93857 6.15782 4.79677 6.54102L4.40284 7.60561C4.31571 7.84107 4.09119 7.99739 3.84013 7.99739 3.58906 7.99739 3.36454 7.84107 3.27741 7.60561L2.88348 6.54102C2.74168 6.15782 2.43955 5.85568 2.05634 5.71388L.991754 5.31995C.756292 5.23282.599976 5.0083.599976 4.75724.599976 4.50618.756292 4.28166.991754 4.19453L2.05634 3.8006C2.43955 3.6588 2.74168 3.35666 2.88348 2.97345L3.27741 1.90887C3.36454 1.67341 3.58906 1.51709 3.84013 1.51709ZM3.84013 3.75601C3.60551 4.17585 3.25873 4.52262 2.83889 4.75724 3.25873 4.99186 3.60551 5.33863 3.84013 5.75847 4.07474 5.33863 4.42152 4.99186 4.84136 4.75724 4.42152 4.52262 4.07474 4.17585 3.84013 3.75601ZM10.1535 2.55396C11.1173 2.72149 12.1337 3.10623 13.1318 3.67995L13.8441 2.96766C14.8971 1.91466 16.6043 1.91466 17.6573 2.96766 18.7103 4.02066 18.7103 5.72792 17.6573 6.78092L17.1453 7.29293C17.9956 8.44623 18.5943 9.66224 18.8976 10.8233 19.3345 12.4958 19.1854 14.2084 18.0502 15.3436 16.915 16.4789 15.2023 16.6279 13.5297 16.1909 13.129 16.0862 12.889 15.6765 12.9937 15.2757 13.0984 14.875 13.5081 14.6349 13.9089 14.7396 15.3212 15.1086 16.386 14.8866 16.9896 14.283 17.5932 13.6794 17.8152 12.6146 17.4463 11.2024 17.2116 10.3039 16.7483 9.32599 16.071 8.36725L11.011 13.4273C10.7625 13.6758 10.4287 13.8203 10.0774 13.8315L7.75086 13.9054C7.17389 13.9237 6.70127 13.4511 6.71961 12.8741L6.79353 10.5476C6.80469 10.1963 6.94922 9.86252 7.19772 9.61402L12.0269 4.78482C11.2879 4.40046 10.5627 4.14758 9.8966 4.0318 9.4885 3.96086 9.21518 3.57253 9.28612 3.16444 9.35705 2.75635 9.74539 2.48302 10.1535 2.55396ZM16.5967 5.72026 9.98324 12.3337 8.23577 12.3892 8.2913 10.6418 14.9047 4.02832C15.372 3.5611 16.1295 3.5611 16.5967 4.02832 17.0639 4.49554 17.0639 5.25305 16.5967 5.72026Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M3.00604 11.6216C3.00604 11.2074 2.67025 10.8716 2.25604 10.8716C1.84182 10.8716 1.50604 11.2074 1.50604 11.6216C1.50604 15.5353 4.67871 18.708 8.59239 18.708C9.00661 18.708 9.34239 18.3722 9.34239 17.958C9.34239 17.5438 9.00661 17.208 8.59239 17.208C5.50713 17.208 3.00604 14.7069 3.00604 11.6216Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconSketchAiOutline.displayName = "IconSketchAiOutline";

export default IconSketchAiOutline;