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

export const IconShoesOutline = 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-shoes-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.8154 2.72199C16.0555 2.55107 16.3786 2.5353 16.6377 2.69172C16.9985 2.90957 19.084 3.92394 19.084 6.25031C19.0839 7.1558 18.9208 7.9791 18.6582 8.64777C18.6628 8.6813 18.667 8.71552 18.667 8.75031V16.6673C18.6667 17.0812 18.331 17.4172 17.917 17.4173C17.503 17.4173 17.1673 17.0813 17.167 16.6673V10.4398L15.0195 11.9437C14.0036 12.6548 13.1478 13.5726 12.5098 14.6361L11.0605 17.0521C10.925 17.2779 10.6804 17.4163 10.417 17.4163H1.66699C1.25281 17.4163 0.917045 17.0805 0.916992 16.6663V15.0003L0.923828 14.8987C0.955593 14.6653 1.09572 14.4574 1.30566 14.3421C2.29436 13.7993 5.35573 11.9234 6.66602 11.0443L6.75781 10.9915C6.97821 10.8851 7.2397 10.8923 7.45605 11.0159C8.06269 11.3625 8.52132 11.4113 8.87109 11.346C9.23215 11.2785 9.57873 11.07 9.91699 10.7249C10.6178 10.0099 11.1097 8.89573 11.4688 8.0423C11.9512 6.89582 12.7643 5.8496 13.5615 4.97297C14.3497 4.10634 15.2048 3.32231 15.7188 2.805L15.8154 2.72199ZM16.3555 4.27765C15.8469 4.77169 15.2621 5.33167 14.6709 5.98176C13.9159 6.81196 13.2362 7.71004 12.8516 8.62433C12.5094 9.43749 11.9209 10.8231 10.9883 11.7747C10.5098 12.2628 9.90092 12.6797 9.14648 12.8206C8.50809 12.9398 7.83475 12.846 7.13477 12.5306C5.83169 13.3822 3.57575 14.7678 2.41699 15.4359V15.9163H9.99219L11.2236 13.8646C11.9701 12.6205 12.9706 11.5471 14.1592 10.7152L16.6533 8.96906L16.71 8.93293C16.8217 8.86843 17.0501 8.63177 17.2539 8.12336C17.4473 7.64074 17.5839 6.99584 17.584 6.25031C17.584 5.24061 16.9208 4.65118 16.3555 4.27765Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconShoesOutline.displayName = "IconShoesOutline";

export default IconShoesOutline;