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

export const IconArrowPathRoundedSquareOutline = 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-path-rounded-square-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M10 4.31672C11.2556 4.31672 12.4976 4.37339 13.7239 4.48427C14.0557 4.51427 14.3196 4.77068 14.3591 5.10138C14.4874 6.17365 14.5741 7.25881 14.6175 8.35524L12.8731 6.61044C12.5705 6.30775 12.0798 6.3077 11.7771 6.61032C11.4744 6.91295 11.4743 7.40365 11.7769 7.70634L14.8762 10.8062C15.1788 11.1089 15.6695 11.109 15.9722 10.8064L19.0729 7.70648C19.3756 7.40386 19.3757 6.91316 19.0731 6.61046C18.7705 6.30776 18.2798 6.30769 17.9771 6.6103L16.1709 8.41593C16.1276 7.23694 16.036 6.07009 15.8982 4.91733C15.7717 3.85973 14.9242 3.03648 13.8635 2.94057C12.5909 2.8255 11.3022 2.76672 10 2.76672C8.69782 2.76672 7.40914 2.8255 6.13653 2.94057C5.07582 3.03648 4.22832 3.85973 4.10185 4.91733C4.03593 5.46852 4.07242 5.66664 4.02789 6.22406C3.9938 6.65072 4.31204 7.02423 4.7387 7.05832C5.16536 7.09241 5.53888 6.77417 5.57296 6.34751C5.61588 5.81034 5.57737 5.63243 5.64088 5.10138C5.68043 4.77068 5.94432 4.51427 6.27611 4.48427C7.50238 4.37339 8.74448 4.31672 10 4.31672ZM5.12385 9.19406C4.82124 8.8914 4.33057 8.89134 4.02789 9.19392L0.9271 12.2936C0.624391 12.5962 0.624305 13.0869 0.926909 13.3896C1.22951 13.6923 1.72022 13.6924 2.02292 13.3898L3.8291 11.5843C3.87245 12.7632 3.964 13.9301 4.10185 15.0828C4.22832 16.1404 5.07582 16.9636 6.13653 17.0595C7.40914 17.1746 8.69782 17.2334 10 17.2334C11.3022 17.2334 12.5909 17.1746 13.8635 17.0595C14.9242 16.9636 15.7717 16.1404 15.8982 15.0828C15.9641 14.5312 16.0195 13.9763 16.0641 13.4185C16.0981 12.9918 15.7799 12.6183 15.3532 12.5842C14.9266 12.5501 14.5531 12.8684 14.519 13.2951C14.4761 13.8326 14.4227 14.3673 14.3591 14.8987C14.3196 15.2294 14.0557 15.4858 13.7239 15.5158C12.4976 15.6267 11.2555 15.6834 10 15.6834C8.74448 15.6834 7.50238 15.6267 6.27611 15.5158C5.94432 15.4858 5.68043 15.2294 5.64088 14.8987C5.51266 13.8265 5.42599 12.7414 5.38254 11.645L7.12696 13.3897C7.4296 13.6924 7.9203 13.6924 8.22298 13.3898C8.52566 13.0871 8.5257 12.5964 8.22307 12.2938L5.12385 9.19406Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconArrowPathRoundedSquareOutline.displayName =
  "IconArrowPathRoundedSquareOutline";

export default IconArrowPathRoundedSquareOutline;