Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <g fill="#57a4ff">
        <path
            d="m16 224 24-8v-64l-24-8zM384 240h-88l-8 32h-64l-8-32h-88l-16 16v184l16 16h48l24-72h111l25 72h48l16-16V256z"
        />
    </g>
    <g fill="#004fac">
        <circle cx="320" cy="328" r="8" />
        <circle cx="368" cy="328" r="8" />
        <circle cx="344" cy="304" r="8" />
        <circle cx="344" cy="352" r="8" />
        <path
            d="M192 320h-16v-16a8 8 0 0 0-16 0v16h-16a8 8 0 0 0 0 16h16v16a8 8 0 0 0 16 0v-16h16a8 8 0 0 0 0-16zM240 344h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16zM280 344h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z"
        />
        <path
            d="M476 48H36A28.031 28.031 0 0 0 8 76v216a28.031 28.031 0 0 0 28 28h68v120a8.008 8.008 0 0 0 2.34 5.66l16 16A8.008 8.008 0 0 0 128 464h48a8 8 0 0 0 7.59-5.47L205.77 392h99.54l23.13 66.62A8 8 0 0 0 336 464h48a8.008 8.008 0 0 0 5.66-2.34l16-16A8.008 8.008 0 0 0 408 440V320h68a28.031 28.031 0 0 0 28-28V76a28.031 28.031 0 0 0-28-28zM24 155.1l8 2.67v52.46l-8 2.67zM392 416h-16a8 8 0 0 0 0 16h16v4.69L380.69 448h-39l-23.13-66.62A8 8 0 0 0 311 376H200a8 8 0 0 0-7.59 5.47L170.23 448h-38.92L120 436.69V432h16a8 8 0 0 0 0-16h-16V259.31L131.31 248h78.44l6.49 25.94A8 8 0 0 0 224 280h64a8 8 0 0 0 7.76-6.06l6.49-25.94h78.44L392 259.31zM226.25 248h59.5l-4 16h-51.5zM488 292a12.01 12.01 0 0 1-12 12h-68v-48a8.008 8.008 0 0 0-2.34-5.66l-16-16A8.008 8.008 0 0 0 384 232H264v-40a8 8 0 0 0-16 0v40H128a8.008 8.008 0 0 0-5.66 2.34l-16 16A8.008 8.008 0 0 0 104 256v48H36a12.01 12.01 0 0 1-12-12v-62.23l18.53-6.18A8 8 0 0 0 48 216v-64a8 8 0 0 0-5.47-7.59L24 138.23V76a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12z"
        />
        <path d="M472 152a8 8 0 0 0-8 8v48a8 8 0 0 0 16 0v-48a8 8 0 0 0-8-8z" />
    </g>
</svg>