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

export const IconPantsOutline = 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-pants-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.8329 0.916992C16.2182 0.91705 16.5417 1.20941 16.58 1.59277L18.246 18.2588C18.2671 18.4696 18.1977 18.6798 18.0556 18.8369C17.9134 18.9939 17.7117 19.084 17.4999 19.084H13.7499C13.4337 19.084 13.151 18.8854 13.0439 18.5879L9.99992 10.1318L6.95598 18.5879C6.84883 18.8854 6.5661 19.0839 6.24992 19.084H2.49992C2.28818 19.084 2.08642 18.9938 1.94426 18.8369C1.8021 18.6798 1.73278 18.4696 1.75383 18.2588L3.41984 1.59277C3.45818 1.20937 3.7816 0.916992 4.16691 0.916992H15.8329ZM7.79777 2.41699C7.7813 2.6278 7.75817 2.87094 7.7216 3.12695C7.66592 3.51664 7.57976 3.95579 7.44328 4.36523C7.31113 4.76163 7.10844 5.20188 6.78019 5.53027C6.25026 6.06008 5.49437 6.41846 4.94035 6.63574C4.74383 6.7128 4.56029 6.77532 4.40422 6.82617L3.32805 17.584H5.72258L9.29387 7.66309L9.34269 7.55664C9.47278 7.31921 9.72311 7.16699 9.99992 7.16699C10.3161 7.16704 10.5989 7.36555 10.706 7.66309L14.2773 17.584H16.6718L15.5946 6.8252C15.4388 6.77441 15.2555 6.71261 15.0595 6.63574C14.5055 6.41845 13.7496 6.06012 13.2196 5.53027C12.8914 5.20186 12.6887 4.76164 12.5566 4.36523C12.4201 3.95579 12.3339 3.51665 12.2782 3.12695C12.2417 2.87096 12.2195 2.62779 12.203 2.41699H10.7499V3.95898C10.7497 4.37295 10.4139 4.70892 9.99992 4.70898C9.58586 4.70898 9.25016 4.37299 9.24992 3.95898V2.41699H7.79777ZM4.57023 5.16309C5.01766 4.97355 5.45193 4.73732 5.71965 4.46973C5.80774 4.38145 5.91742 4.19665 6.01945 3.89062C6.11731 3.59705 6.18776 3.25442 6.23625 2.91504C6.26118 2.74049 6.27999 2.57149 6.29387 2.41699H4.84562L4.57023 5.16309ZM13.706 2.41699C13.7198 2.5715 13.7387 2.74048 13.7636 2.91504C13.8121 3.25442 13.8825 3.59704 13.9804 3.89062C14.0824 4.19668 14.1921 4.38144 14.2802 4.46973C14.5477 4.73716 14.9815 4.9736 15.4286 5.16309L15.1542 2.41699H13.706Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconPantsOutline.displayName = "IconPantsOutline";

export default IconPantsOutline;