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>
    <path
        d="m0 0-14.51-120.06"
        transform="matrix(1.33333 0 0 -1.33333 293.788 266.228)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="m0 0-14.51 120.06"
        transform="matrix(1.33333 0 0 -1.33333 408.229 426.308)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0h-175.91c-13.902 0-25.172-11.27-25.172-25.172 0-13.902 11.27-25.172 25.172-25.172H0c13.902 0 25.172 11.27 25.172 25.172C25.172-11.27 13.902 0 0 0Z"
            transform="translate(343.955 192.269)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c17.07 13.85 38.83 22.14 62.52 22.14 54.89 0 99.38-44.49 99.38-99.38 0-54.88-44.49-99.38-99.38-99.38-54.89 0-99.38 44.5-99.38 99.38 0 20.38 6.13 39.32 16.66 55.09"
            transform="translate(193.48 482.36)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-343.782c-11.063 0-20.031-8.968-20.031-20.031 0-11.062 8.968-20.031 20.031-20.031H0c11.063 0 20.031 8.969 20.031 20.031C20.031-8.968 11.063 0 0 0Z"
            transform="translate(427.891 47.56)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-35.01h-343.78V15c0 24.5 19.86 44.36 44.35 44.36h255.08c19.31 0 35.73-12.34 41.82-29.57"
            transform="translate(427.89 82.57)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>