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-icon customeow-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="M15.7906 5.23017C15.5035 4.93159 15.0287 4.92228 14.7302 5.20938L10.2302 9.45938C10.0831 9.60078 10 9.79599 10 10C10 10.204 10.0831 10.3992 10.2302 10.5406L14.7302 14.7906C15.0287 15.0777 15.5035 15.0684 15.7906 14.7698C16.0777 14.4713 16.0684 13.9965 15.7698 13.7094L11.8321 10L15.7698 6.29063C16.0684 6.00353 16.0777 5.52875 15.7906 5.23017ZM9.79062 5.23017C9.50353 4.93159 9.02875 4.92228 8.73017 5.20938L4.23017 9.45938C4.08311 9.60078 4 9.79599 4 10C4 10.204 4.08311 10.3992 4.23017 10.5406L8.73017 14.7906C9.02875 15.0777 9.50353 15.0684 9.79062 14.7698C10.0777 14.4713 10.0684 13.9965 9.76983 13.7094L5.83208 10L9.76983 6.29063C10.0684 6.00353 10.0777 5.52875 9.79062 5.23017Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconArrowChevronDoubleLeftOutline.displayName =
  "IconArrowChevronDoubleLeftOutline";

export default IconArrowChevronDoubleLeftOutline;