Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <g>
        <path
            d="M28.008 11.546c-1.283-3.1-2.888-3.75-4.008-3.75a8.64 8.64 0 0 0-3.91 1.002 10.34 10.34 0 0 1-2.294.825 1 1 0 0 0-.796.978.99.99 0 0 0 .022.206 1.002 1.002 0 0 0 1.182.774 12.332 12.332 0 0 0 2.716-.962A6.793 6.793 0 0 1 24 9.796c.788 0 1.474 1.102 1.813 1.76a20.638 20.638 0 0 1 1.764 8.435 4.868 4.868 0 0 1-.284 2.098c-.547.546-2.996-.823-4.618-1.73-2.251-1.26-4.58-2.563-6.675-2.563S11.576 19.1 9.325 20.36c-1.62.907-4.07 2.274-4.598 1.752a4.922 4.922 0 0 1-.298-2.153 20.517 20.517 0 0 1 1.759-8.402c.338-.658 1.024-1.76 1.812-1.76a6.794 6.794 0 0 1 3.135.831 11.99 11.99 0 0 0 2.667.954 1 1 0 0 0 .412-1.958 10.06 10.06 0 0 1-2.243-.813A8.643 8.643 0 0 0 8 7.796c-1.12 0-2.725.65-4.008 3.75a24.57 24.57 0 0 0-1.572 8.316c0 1.652.255 3.023.873 3.64 1.617 1.62 4.235.154 7.009-1.398 1.934-1.082 4.125-2.308 5.698-2.308s3.765 1.226 5.698 2.308c1.917 1.073 3.76 2.104 5.25 2.104a2.377 2.377 0 0 0 1.76-.705c.617-.618.872-1.99.872-3.64a24.57 24.57 0 0 0-1.572-8.317z"
        />
        <circle cx="22" cy="12.796" r="1" />
        <circle cx="22" cy="16.788" r="1" />
        <circle cx="24" cy="14.796" r="1" />
        <circle cx="20" cy="14.804" r="1" />
        <path
            d="M10 17.796a1 1 0 0 0 1-1v-1h1a1 1 0 0 0 0-2h-1v-1a1 1 0 0 0-2 0v1H8a1 1 0 0 0 0 2h1v1a1 1 0 0 0 1 1z"
        />
    </g>
</svg>