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

export const IconArrowUpCaretTriangleSolid = 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-up-caret-triangle-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M4.6098 13.3318H15.3902C15.6203 13.3318 15.8068 13.1453 15.8068 12.9152C15.8068 12.8215 15.7753 12.7305 15.7172 12.657L10.327 5.8294C10.1844 5.64878 9.92242 5.61796 9.7418 5.76055C9.71624 5.78073 9.69313 5.80384 9.67295 5.8294L4.28276 12.657C4.14017 12.8376 4.171 13.0996 4.35161 13.2422C4.42515 13.3002 4.51611 13.3318 4.6098 13.3318Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconArrowUpCaretTriangleSolid.displayName = "IconArrowUpCaretTriangleSolid";

export default IconArrowUpCaretTriangleSolid;