Interaction

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 510 510"
>
    <circle
        cx="150"
        cy="120"
        r="45"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-miterlimit="10"
    />
    <path
        d="M60.11 250.721C62.341 203 101.73 165 150 165c23.061 0 44.08 8.66 60 22.92"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-miterlimit="10"
    />
    <path
        d="M183.73 280.75C172.95 283.53 161.65 285 150 285c-34.52 0-66.02-12.96-89.89-34.279C32.431 226 15 190.04 15 150 15 75.439 75.44 15 150 15c74.561 0 135 60.439 135 135 0 5.45-.319 10.83-.95 16.109M354.761 285.3c1.72-.2 3.47-.3 5.239-.3 24.851 0 45 20.15 45 45s-20.149 45-45 45c-23.87 0-43.409-18.6-44.899-42.1M449.891 460.72c-1.07-23.16-10.9-44.02-26.25-59.359C407.36 385.07 384.86 375 360 375c-48.27 0-87.659 38-89.89 85.72"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-miterlimit="10"
    />
    <path
        d="M354.891 225.1c1.7-.07 3.399-.1 5.109-.1 74.56 0 135 60.44 135 135s-60.44 135-135 135-135-60.44-135-135c0-8.78.841-17.36 2.44-25.67"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-miterlimit="10"
    />
    <circle
        cx="269.992"
        cy="255.008"
        r="90"
        transform="rotate(-49.847 269.99 255.014)"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-miterlimit="10"
    />
    <path
        d="m232.483 247.5 30 30 42.875-42.875M443.034 165c-21.01-40.312-55.693-72.361-97.9-90M165.001 443.034c-40.313-21.011-72.362-55.694-90-97.901"
        fill="none"
        stroke="#000"
        stroke-width="30"
        stroke-miterlimit="10"
    />
</svg>