import React from "react";
import { JSX } from "react/jsx-runtime";

function RotateIcon(
  props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={24}
      height={24}
      fill="none"
      {...props}
    >
      <g clipPath="url(#a)">
        <g clipPath="url(#b)">
          <path
            stroke="currentColor"
            strokeWidth={1.5}
            d="M20.33 8.585a9 9 0 0 0-15.448-2.09l-.613.79m-.597 8.13a9 9 0 0 0 15.448 2.09l.612-.79M4.27 7.284 3.91 4.48m.36 2.806 2.805-.359m12.657 9.787-2.805.359m2.805-.359.359 2.806"
          />
        </g>
      </g>
      <defs>
        <clipPath id="a">
          <path fill="currentColor" d="M0 0h24v24H0z" />
        </clipPath>
        <clipPath id="b">
          <path
            fill="currentColor"
            d="m9.848-4.833 18.986 14.68-14.681 18.986-18.986-14.68z"
          />
        </clipPath>
      </defs>
    </svg>
  );
}

export default RotateIcon;
