loading-icon.tsx

import { useId } from 'react'

export function LoadingIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
  let id = useId()
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      aria-hidden="true"
      {...props}
    >
      <circle
        cx="10"
        cy="10"
        r="5.5"
        strokeLinejoin="round"
      />
      <path
        stroke={`url(#${id})`}
        strokeLinecap="round"