Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="50.223"
        x2="553.426"
        y1="537.777"
        y2="34.574"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-31.777"
        x2="471.426"
        y1="455.777"
        y2="-47.426"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="76.223"
        x2="579.426"
        y1="563.777"
        y2="60.574"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="124.223"
        x2="627.426"
        y1="611.777"
        y2="108.574"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="47.973"
        x2="551.176"
        y1="535.527"
        y2="32.324"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="84.223"
        x2="587.426"
        y1="571.777"
        y2="68.574"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-105.777"
        x2="397.426"
        y1="381.777"
        y2="-121.426"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="m485.66 202.34-32-32A8.008 8.008 0 0 0 448 168H280v-40a8 8 0 0 0-8-8h-8V48a8 8 0 0 0-16 0v72h-8a8 8 0 0 0-8 8v40H64a8.008 8.008 0 0 0-5.66 2.34l-32 32a8.043 8.043 0 0 0-2.34 5.91l8 256a8.044 8.044 0 0 0 2.34 5.41l32 32A8.008 8.008 0 0 0 72 504h72a8.007 8.007 0 0 0 7.28-4.68L189.29 416h133.42l38.01 83.32A8.007 8.007 0 0 0 368 504h72a8.008 8.008 0 0 0 5.66-2.34l32-32a8.044 8.044 0 0 0 2.34-5.41l8-256a8.043 8.043 0 0 0-2.34-5.91zM248 136h16v32h-16zm51.06 48-8 16h-69.25l-8.5-16zM464.1 460.58 436.69 488h-63.55l-38.01-83.32a8.007 8.007 0 0 0-7.28-4.68h-143.7a8.007 8.007 0 0 0-7.28 4.68L138.86 488H75.31L47.9 460.58l-7.8-249.37L67.31 184h127.88l14.75 27.75A7.972 7.972 0 0 0 217 216h79a8.011 8.011 0 0 0 7.16-4.42L316.94 184h127.75l27.21 27.21z"
    />
    <path
        fill="url(#b)"
        d="M176 280h-32v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32H64a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-32a8 8 0 0 0-8 8v32h-16v-32a8 8 0 0 0-8-8H72v-16h32a8 8 0 0 0 8-8v-32h16v32a8 8 0 0 0 8 8h32z"
    />
    <path
        fill="url(#c)"
        d="M384 280a24 24 0 1 0-24-24 24.027 24.027 0 0 0 24 24zm0-32a8 8 0 1 1-8 8 8.009 8.009 0 0 1 8-8z"
    />
    <path
        fill="url(#d)"
        d="M384 328a24 24 0 1 0 24 24 24.027 24.027 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8zM408 304a24 24 0 1 0 24-24 24.027 24.027 0 0 0-24 24zm32 0a8 8 0 1 1-8-8 8.009 8.009 0 0 1 8 8z"
    />
    <path
        fill="url(#c)"
        d="M336 280a24 24 0 1 0 24 24 24.027 24.027 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
    />
    <path
        fill="url(#e)"
        d="M240 344h-41a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h41a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24h-25v-8h25z"
    />
    <path
        fill="url(#f)"
        d="M312 344h-40a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h40a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8zm-8 24h-24v-8h24z"
    />
    <path
        fill="url(#g)"
        d="M256 32a8 8 0 0 0 8-8v-8a8 8 0 0 0-16 0v8a8 8 0 0 0 8 8z"
    />
</svg>