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.31666C11.2556 4.31666 12.4976 4.37333 13.7239 4.48421C14.0557 4.51421 14.3196 4.77062 14.3591 5.10132C14.4874 6.17358 14.5741 7.25875 14.6175 8.35517L12.8731 6.61038C12.5705 6.30769 12.0798 6.30764 11.7771 6.61026C11.4744 6.91288 11.4743 7.40359 11.7769 7.70628L14.8762 10.8062C15.1788 11.1089 15.6695 11.1089 15.9722 10.8063L19.0729 7.70641C19.3756 7.4038 19.3757 6.9131 19.0731 6.6104C18.7705 6.3077 18.2798 6.30763 17.9771 6.61024L16.1709 8.41587C16.1276 7.23687 16.036 6.07003 15.8982 4.91727C15.7717 3.85967 14.9242 3.03642 13.8635 2.94051C12.5909 2.82544 11.3022 2.76666 10 2.76666C8.69782 2.76666 7.40914 2.82544 6.13653 2.94051C5.07582 3.03642 4.22832 3.85967 4.10185 4.91727C4.03593 5.46846 4.07242 5.66658 4.02789 6.224C3.9938 6.65066 4.31204 7.02417 4.7387 7.05826C5.16536 7.09235 5.53888 6.77411 5.57296 6.34744C5.61588 5.81028 5.57737 5.63237 5.64088 5.10132C5.68043 4.77062 5.94432 4.51421 6.27611 4.48421C7.50238 4.37333 8.74448 4.31666 10 4.31666ZM5.12385 9.194C4.82124 8.89134 4.33057 8.89128 4.02789 9.19386L0.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.5842C3.87245 12.7632 3.964 13.93 4.10185 15.0827C4.22832 16.1403 5.07582 16.9636 6.13653 17.0595C7.40914 17.1746 8.69782 17.2333 10 17.2333C11.3022 17.2333 12.5909 17.1746 13.8635 17.0595C14.9242 16.9636 15.7717 16.1403 15.8982 15.0827C15.9641 14.5311 16.0195 13.9763 16.0641 13.4184C16.0981 12.9917 15.7799 12.6182 15.3532 12.5842C14.9266 12.5501 14.5531 12.8683 14.519 13.295C14.4761 13.8326 14.4227 14.3672 14.3591 14.8987C14.3196 15.2294 14.0557 15.4858 13.7239 15.5158C12.4976 15.6267 11.2555 15.6833 10 15.6833C8.74448 15.6833 7.50238 15.6267 6.27611 15.5158C5.94432 15.4858 5.68043 15.2294 5.64088 14.8987C5.51266 13.8264 5.42599 12.7413 5.38254 11.6449L7.12696 13.3896C7.4296 13.6923 7.9203 13.6923 8.22298 13.3897C8.52566 13.0871 8.5257 12.5964 8.22307 12.2937L5.12385 9.194Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconArrowPathRoundedSquareOutline.displayName =
  "IconArrowPathRoundedSquareOutline";

export default IconArrowPathRoundedSquareOutline;