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

export const IconMask2Outline = 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-2-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.5 5.8411C6.99782 5.8411 6.52895 5.5898 6.2509 5.17161C5.97965 4.76365 5.52029 4.5 5 4.5C4.17157 4.5 3.5 5.17157 3.5 6V14C3.5 14.8284 4.17157 15.5 5 15.5C5.52029 15.5 5.97965 15.2364 6.2509 14.8284C6.52895 14.4102 6.99782 14.1589 7.5 14.1589C8.00219 14.1589 8.47106 14.4102 8.7491 14.8284C9.02036 15.2364 9.47971 15.5 10 15.5C10.5203 15.5 10.9796 15.2364 11.2509 14.8284C11.5289 14.4102 11.9978 14.1589 12.5 14.1589C13.0022 14.1589 13.4711 14.4102 13.7491 14.8284C14.0204 15.2364 14.4797 15.5 15 15.5C15.8284 15.5 16.5 14.8284 16.5 14V6C16.5 5.17157 15.8284 4.5 15 4.5C14.4797 4.5 14.0204 4.76365 13.7491 5.17162C13.4711 5.5898 13.0022 5.84111 12.5 5.84111C11.9978 5.84111 11.5289 5.5898 11.2509 5.17162C10.9796 4.76365 10.5203 4.5 10 4.5C9.47971 4.5 9.02035 4.76365 8.7491 5.17161C8.47105 5.5898 8.00218 5.8411 7.5 5.8411ZM6.37521 3.33306C6.83051 3.56831 7.21784 3.91673 7.5 4.3411C7.78216 3.91673 8.16949 3.56831 8.62479 3.33306C9.03674 3.12021 9.50433 3 10 3C10.4957 3 10.9633 3.12021 11.3752 3.33307C11.8305 3.56832 12.2178 3.91673 12.5 4.34111C12.7822 3.91673 13.1695 3.56832 13.6248 3.33307C14.0367 3.12021 14.5043 3 15 3C16.6569 3 18 4.34315 18 6V14C18 15.6569 16.6569 17 15 17C14.5043 17 14.0367 16.8798 13.6248 16.6669C13.1695 16.4317 12.7822 16.0833 12.5 15.6589C12.2178 16.0833 11.8305 16.4317 11.3752 16.6669C10.9633 16.8798 10.4957 17 10 17C9.50433 17 9.03674 16.8798 8.62479 16.6669C8.1695 16.4317 7.78216 16.0833 7.5 15.6589C7.21784 16.0833 6.83051 16.4317 6.37521 16.6669C5.96326 16.8798 5.49567 17 5 17C3.34315 17 2 15.6569 2 14V6C2 4.34315 3.34315 3 5 3C5.49567 3 5.96326 3.12021 6.37521 3.33306Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconMask2Outline.displayName = "IconMask2Outline";

export default IconMask2Outline;