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

export const IconSketchImageAiOutline = 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-image-ai-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M17.8891 4.05548L13.6133 10.162L12.2419 10.3772L11.975 9.0148L16.2508 2.90833C16.5676 2.45592 17.1912 2.34597 17.6436 2.66275C18.096 2.97953 18.2059 3.60307 17.8891 4.05548ZM15.0221 2.04796C15.8141 0.91695 17.3729 0.64208 18.5039 1.43402C19.6349 2.22597 19.9098 3.78483 19.1179 4.91584L14.7578 11.1427C14.5778 11.3997 14.301 11.5724 13.9911 11.621L11.9988 11.9337C11.4677 12.0171 10.9657 11.6656 10.8624 11.138L10.4748 9.15888C10.4145 8.85099 10.4821 8.53182 10.662 8.27482L15.0221 2.04796ZM2.75 6.00008C2.75 4.75744 3.75736 3.75008 5 3.75008H11C11.4142 3.75008 11.75 3.4143 11.75 3.00008C11.75 2.58587 11.4142 2.25008 11 2.25008H5C2.92893 2.25008 1.25 3.92901 1.25 6.00008V15.5001C1.25 17.5711 2.92893 19.2501 5 19.2501H5.5C5.91421 19.2501 6.25 18.9143 6.25 18.5001C6.25 18.0859 5.91421 17.7501 5.5 17.7501H5C3.75736 17.7501 2.75 16.7427 2.75 15.5001V6.00008ZM17.9992 10.2501C18.4134 10.25 18.7492 10.5858 18.7493 11L18.7497 16.0402C18.7497 16.9264 18.4289 17.8093 17.8589 18.4412C17.2751 19.0883 16.4035 19.4886 15.3985 19.2737C14.6467 19.113 14.0569 18.8191 13.5603 18.5408C13.4256 18.4653 13.3029 18.3944 13.188 18.328C12.8555 18.1358 12.5883 17.9814 12.2867 17.8644C11.9244 17.7238 11.5437 17.6557 11.0433 17.7365C10.5231 17.8206 9.83616 18.0721 8.88541 18.6425C8.53021 18.8556 8.06953 18.7403 7.85644 18.3851C7.64336 18.0299 7.75858 17.5693 8.11378 17.3562C9.15897 16.7292 10.0298 16.3808 10.8041 16.2557C11.5982 16.1274 12.2487 16.2408 12.8292 16.4659C13.2495 16.6289 13.6538 16.8632 14.0094 17.0693L14.0094 17.0693L14.0094 17.0693C14.1081 17.1265 14.2031 17.1815 14.2936 17.2323C14.7378 17.4812 15.1753 17.6921 15.7121 17.8069C16.1057 17.891 16.4564 17.7565 16.7451 17.4364C17.0477 17.101 17.2497 16.5844 17.2497 16.0403L17.2493 11.0001C17.2492 10.5859 17.585 10.2501 17.9992 10.2501ZM7.36271 10.7919C7.27558 10.5564 7.05106 10.4001 6.8 10.4001C6.54894 10.4001 6.32442 10.5564 6.23729 10.7919L6.07027 11.2432C5.92847 11.6264 5.62634 11.9286 5.24313 12.0704L4.79178 12.2374C4.55632 12.3245 4.4 12.549 4.4 12.8001C4.4 13.0511 4.55632 13.2757 4.79178 13.3628L5.24313 13.5298C5.62634 13.6716 5.92847 13.9737 6.07027 14.3569L6.23729 14.8083C6.32442 15.0438 6.54894 15.2001 6.8 15.2001C7.05106 15.2001 7.27558 15.0438 7.36271 14.8083L7.52973 14.3569C7.67153 13.9737 7.97366 13.6716 8.35687 13.5298L8.80822 13.3628C9.04368 13.2757 9.2 13.0511 9.2 12.8001C9.2 12.549 9.04368 12.3245 8.80822 12.2374L8.35687 12.0704C7.97366 11.9286 7.67153 11.6264 7.52973 11.2432L7.36271 10.7919ZM6.3658 12.8001C6.52716 12.673 6.67293 12.5272 6.8 12.3659C6.92707 12.5272 7.07284 12.673 7.2342 12.8001C7.07284 12.9272 6.92707 13.0729 6.8 13.2343C6.67293 13.0729 6.52716 12.9272 6.3658 12.8001Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconSketchImageAiOutline.displayName = "IconSketchImageAiOutline";

export default IconSketchImageAiOutline;