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

export const IconArrowLeftCaretTriangleSolid = 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-left-caret-triangle-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M13.3301 5.10687L13.3301 15.8872C13.3301 16.1174 13.1435 16.3039 12.9134 16.3039C12.8197 16.3039 12.7288 16.2723 12.6552 16.2143L5.82765 10.8241C5.64704 10.6815 5.61621 10.4195 5.75881 10.2389C5.77899 10.2133 5.80209 10.1902 5.82765 10.17L12.6552 4.77983C12.8358 4.63724 13.0979 4.66807 13.2404 4.84868C13.2985 4.92222 13.3301 5.01318 13.3301 5.10687Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconArrowLeftCaretTriangleSolid.displayName = "IconArrowLeftCaretTriangleSolid";

export default IconArrowLeftCaretTriangleSolid;