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

export const IconCoatOutline = 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-coat-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M12.1822 0.906738C12.2202 0.911828 12.2572 0.920499 12.2936 0.931152C12.3072 0.935171 12.321 0.939006 12.3346 0.943848C12.3374 0.944851 12.3406 0.945744 12.3434 0.946777C12.3447 0.947281 12.3459 0.94822 12.3473 0.94873L12.4059 0.973145C12.4095 0.974899 12.413 0.977195 12.4166 0.979004C12.4263 0.98381 12.4355 0.989413 12.4449 0.994629C12.4565 1.001 12.468 1.00725 12.4791 1.01416C12.5139 1.03582 12.5468 1.06024 12.5777 1.0874C12.5864 1.09504 12.5949 1.10284 12.6031 1.11084C12.6319 1.13858 12.659 1.16828 12.6832 1.20068C12.6864 1.20502 12.6889 1.20995 12.692 1.21436C12.7058 1.23363 12.72 1.25318 12.732 1.27393L12.733 1.27588C12.7344 1.27825 12.7373 1.28274 12.7408 1.28857C12.7481 1.30078 12.76 1.32059 12.776 1.34619C12.8083 1.39788 12.8579 1.47487 12.9225 1.56885C13.0526 1.75816 13.2421 2.01273 13.4762 2.2749C13.9372 2.7912 14.486 3.23772 15.0367 3.38818L15.1471 3.41455L15.2477 3.44189C15.4752 3.52172 15.6529 3.70791 15.7203 3.94385L18.2203 12.6938C18.2848 12.9199 18.2397 13.1633 18.0983 13.3511C17.9566 13.5388 17.7348 13.6498 17.4996 13.6499H14.9166V18.3169C14.9164 18.7306 14.5803 19.0665 14.1666 19.0669H5.83261C5.41869 19.0667 5.08285 18.7308 5.08261 18.3169V13.6499H2.4996C2.26438 13.6499 2.04269 13.5388 1.90096 13.3511C1.75938 13.1632 1.71427 12.92 1.77889 12.6938L4.2789 3.94385L4.3121 3.8501C4.40434 3.63854 4.59046 3.47924 4.81796 3.42236C5.43237 3.26853 6.03746 2.77828 6.52792 2.23877C6.76316 1.97997 6.95334 1.73186 7.08359 1.54834C7.1484 1.45701 7.19777 1.38237 7.23007 1.33252C7.24616 1.30769 7.25795 1.28855 7.26523 1.27686C7.26878 1.27116 7.27172 1.26731 7.27304 1.26514V1.26416C7.28263 1.24819 7.29365 1.23334 7.30429 1.21826C7.30861 1.21213 7.31248 1.20571 7.31699 1.19971C7.37248 1.12591 7.44052 1.06431 7.51718 1.01611C7.52337 1.01223 7.52941 1.00811 7.53574 1.00439C7.54567 0.998548 7.55582 0.993178 7.56601 0.987793C7.58164 0.979553 7.59747 0.971563 7.61386 0.964355C7.62012 0.961597 7.62608 0.958155 7.63242 0.955566L7.66367 0.943848C7.67749 0.938913 7.69175 0.934256 7.70566 0.930176C7.71316 0.927982 7.72054 0.925302 7.72812 0.92334C7.74622 0.918634 7.76465 0.915903 7.78281 0.912598C7.82644 0.904709 7.8714 0.899902 7.9166 0.899902H12.0826L12.1822 0.906738ZM10.7496 7.61182V17.5669H13.4166V12.8999C13.4166 12.4857 13.7524 12.1499 14.1666 12.1499H16.5055L14.3932 4.75537C13.5272 4.44377 12.8264 3.80052 12.357 3.2749C12.3427 3.2589 12.329 3.24201 12.315 3.22607L10.7496 7.61182ZM7.63828 3.24854C7.16428 3.76993 6.46537 4.4039 5.60995 4.73877L3.49374 12.1499H5.83261C6.24661 12.1502 6.58261 12.4858 6.58261 12.8999V17.5669H9.24961V7.61475L7.67441 3.20557C7.66199 3.21942 7.65092 3.23462 7.63828 3.24854ZM9.99863 5.25244L11.0172 2.3999H8.98007L9.99863 5.25244Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconCoatOutline.displayName = "IconCoatOutline";

export default IconCoatOutline;