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

export const IconMask6Outline = 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-6-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.8635 3.04533L10 1L8.1365 3.04533L5.5 2.20577L4.90883 4.90883L2.20577 5.5L3.04533 8.1365L1 10L3.04533 11.8635L2.20577 14.5L4.90883 15.0912L5.5 17.7942L8.1365 16.9547L10 19L11.8635 16.9547L14.5 17.7942L15.0912 15.0912L17.7942 14.5L16.9547 11.8635L19 10L16.9547 8.1365L17.7942 5.5L15.0912 4.90883L14.5 2.20577L11.8635 3.04533ZM13.3864 4.1346L11.4023 4.7664L10 3.22722L8.59766 4.7664L6.61361 4.1346L6.16874 6.16874L4.1346 6.61361L4.7664 8.59766L3.22722 10L4.7664 11.4023L4.1346 13.3864L6.16874 13.8313L6.61361 15.8654L8.59766 15.2336L10 16.7728L11.4023 15.2336L13.3864 15.8654L13.8313 13.8313L15.8654 13.3864L15.2336 11.4023L16.7728 10L15.2336 8.59766L15.8654 6.61361L13.8313 6.16874L13.3864 4.1346Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMask6Outline.displayName = "IconMask6Outline";

export default IconMask6Outline;