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

export const IconArrowChevronDoubleLeftOutline = 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-shein-icon customeow-shein-icon-icon-arrow-chevron-double-left-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M9.72573 5.44199 8.84184 4.55811 3.3999 10 8.84184 15.442 9.72573 14.5581 5.16767 10 9.72573 5.44199ZM16.5516 5.44199 15.6677 4.55811 10.2258 10 15.6677 15.442 16.5516 14.5581 11.9935 10 16.5516 5.44199Z"
        fill={color}
      />
    </svg>
  );
});

IconArrowChevronDoubleLeftOutline.displayName =
  "IconArrowChevronDoubleLeftOutline";

export default IconArrowChevronDoubleLeftOutline;