Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0c-21.629-21.59-81.64 3.308-134.039 55.613-52.398 52.304-77.342 112.208-55.712 133.799 21.628 21.59 81.64-3.309 134.038-55.614C-3.314 81.494 21.629 21.59 0 0Z"
            transform="translate(484.208 294.81)"
            fill="none"
            stroke="#000"
            stroke-width="40"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c-25.09-24.683-60.14-36.521-95.092-32.136-12.87 1.615-23.006 11.732-24.623 24.578a114.704 114.704 0 0 0 32.194 94.922C70.186 247.097 93.678 287.604 93.047 314.693c-.847 36.36-51.673 36.36-51.673 36.36l-5.93 58.346 131.488 28.647"
            transform="translate(140.614 53.034)"
            fill="none"
            stroke="#000"
            stroke-width="40"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0-28.699-131.253-58.45 5.919s0 50.735-36.426 51.581c-22.918.532-55.422-16.109-161.351-116.109"
            transform="translate(491.926 307.031)"
            fill="none"
            stroke="#000"
            stroke-width="40"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c-.01-11.045 8.937-19.992 19.982-19.982C31.028-19.972 39.99-11.01 40 .036c.01 11.046-8.937 19.992-19.982 19.982C8.972 20.008.01 11.046 0 0"
            transform="translate(273 291.982)"
            fill="#000"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-.01-11.045 8.937-19.992 19.982-19.982C31.028-19.972 39.99-11.01 40 .036c.01 11.046-8.937 19.992-19.982 19.982C8.972 20.008.01 11.046 0 0"
            transform="translate(219 237.982)"
            fill="#000"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
    </g>
</svg>