import type { SVGProps } from 'react'

type IconProps = SVGProps<SVGSVGElement>

export function LoadingTwotoneLoopIcon({ className, ...props }: IconProps) {
  return (
    <svg
      className={className}
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g
        fill="none"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="2"
      >
        <path strokeDasharray="18" d="M12 3c4.97 0 9 4.03 9 9" />
        <path
          strokeDasharray="60"
          d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z"
          opacity=".3"
        />
      </g>
    </svg>
  )
}
