Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="-80 0 480 480"
>
    <linearGradient
        id="a"
        x1="-36.128"
        x2="395.856"
        y1="459.808"
        y2="27.824"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff200" />
        <stop offset="1" stop-color="#cd118c" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M312 376h-64v-16a8 8 0 0 0-8-8h-34.344A54.706 54.706 0 0 0 184 333.664V232h16a8 8 0 0 0 8-8V40c-.027-22.082-17.918-39.973-40-40H96C70.129-.082 48.875 20.402 48 46.258a46.592 46.592 0 0 0 13.383 34.16A51.025 51.025 0 0 0 97.93 96H112v8H96a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h16v72a8 8 0 0 0 8 8h16v101.672A54.89 54.89 0 0 0 114.344 352H80a8 8 0 0 0-8 8v16H8a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h16v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-16h176v16a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-16h16a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zM104 136v-16h8v16zm24-48a8 8 0 0 0-8-8H97.93a34.942 34.942 0 0 1-25-10.695A30.63 30.63 0 0 1 64 46.832C64.559 29.586 78.746 15.918 96 16h72c13.254 0 24 10.746 24 24h-24a8 8 0 0 0 0 16h24v16h-24a8 8 0 0 0 0 16h24v16h-24a8 8 0 0 0 0 16h24v96h-64zm40 144v96.578a55.734 55.734 0 0 0-16 0V232zm-21.266 114.313a39.451 39.451 0 0 1 20-1.72 38.33 38.33 0 0 1 6.625 1.759A39.553 39.553 0 0 1 184 352h-48a39.884 39.884 0 0 1 10.734-5.688zM88 368h144v8H88zm-32 96H40v-8h16zm224 0h-16v-8h16zm24-24H16v-48h288zm0 0"
    />
</svg>