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

export const IconMask1Outline = 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-mask-1-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.2379 4.16663C12.5071 2.89753 14.5645 2.89746 15.8336 4.16663C17.1027 5.4358 17.1027 7.49315 15.8336 8.76233L14.5963 9.99963L15.1266 10.5299L15.8336 11.2379C17.1026 12.5071 17.1027 14.5645 15.8336 15.8336C14.5645 17.1027 12.5071 17.1026 11.2379 15.8336L10.5299 15.1266L9.99963 14.5963L8.76233 15.8336C7.49315 17.1027 5.4358 17.1027 4.16663 15.8336C2.89746 14.5645 2.89753 12.5071 4.16663 11.2379L4.87366 10.5299L5.40393 9.99963L4.16663 8.76233C2.89742 7.49313 2.89742 5.43583 4.16663 4.16663C5.43583 2.89742 7.49313 2.89742 8.76233 4.16663L9.99963 5.40393L10.5299 4.87366L11.2379 4.16663Z"
          stroke={color}
          strokeWidth="1.5"
        />
      </svg>
    );
  }
);

IconMask1Outline.displayName = "IconMask1Outline";

export default IconMask1Outline;