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

export const IconSkirtOutline = 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-skirt-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M11.6672 0.916992C12.0813 0.91716 12.4172 1.25288 12.4172 1.66699V3.41699H14.1672C14.4269 3.4171 14.6682 3.55161 14.8049 3.77246C14.9413 3.9934 14.9541 4.26963 14.8381 4.50195L13.2502 7.67773V9.81445L17.5393 17.9854C17.6611 18.2177 17.6534 18.4971 17.5178 18.7217C17.382 18.9463 17.1377 19.0839 16.8752 19.084H2.91719C2.65225 19.084 2.40671 18.9437 2.27168 18.7158C2.13679 18.4877 2.13237 18.2049 2.25996 17.9727L6.75019 9.80664V7.67676L5.16328 4.50195C5.04717 4.26952 5.0589 3.99349 5.19551 3.77246C5.33217 3.55138 5.57427 3.41699 5.83418 3.41699H7.5832V1.66699C7.5832 1.25278 7.91899 0.916992 8.3332 0.916992C8.74739 0.917029 9.0832 1.2528 9.0832 1.66699V3.41699H10.9172V1.66699C10.9172 1.25278 11.253 0.916992 11.6672 0.916992ZM8.25019 10C8.25017 10.1262 8.21821 10.2507 8.15742 10.3613L4.18574 17.584H15.634L11.8361 10.3486C11.7798 10.2412 11.7502 10.1213 11.7502 10V9.5H8.25019V10ZM8.17109 7.16504C8.22304 7.26902 8.25014 7.38376 8.25019 7.5V8H11.7502V7.5C11.7502 7.38377 11.7774 7.26901 11.8293 7.16504L12.9533 4.91699H7.04707L8.17109 7.16504Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconSkirtOutline.displayName = "IconSkirtOutline";

export default IconSkirtOutline;