Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <g>
        <rect width="60" height="8" x="2" y="52" fill="#3e3d42" rx="4" />
        <path
            fill="#787680"
            d="M24 46h16a4 4 0 0 1 4 4v2H20v-2a4 4 0 0 1 4-4z"
        />
        <circle cx="32" cy="9" r="7" fill="#d80027" />
        <path fill="#e0e0e2" d="M30 16h4v26h-4z" />
        <path fill="#d80027" d="M9 49h8v3H9z" />
        <path fill="#cca400" d="M47 49h8v3h-8z" />
        <path
            fill="#d80027"
            d="M28 42h8a2 2 0 0 1 2 2v2H26v-2a2 2 0 0 1 2-2z"
        />
        <g fill="#231f20">
            <path
                d="M58 51h-2v-2a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v2h-1v-1a5.006 5.006 0 0 0-5-5h-1v-1a3 3 0 0 0-3-3h-1V16.411a8 8 0 1 0-6 0V41h-1a3 3 0 0 0-3 3v1h-1a5.006 5.006 0 0 0-5 5v1h-1v-2a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v2H6a5 5 0 0 0 0 10h52a5 5 0 0 0 0-10zm-10-1h6v1h-6zM26 9a6 6 0 1 1 6 6 6.006 6.006 0 0 1-6-6zm5 8h2v24h-2zm-4 27a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1H27zm-6 6a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3v1H21zm-11 0h6v1h-6zm48 9H6a3 3 0 0 1 0-6h52a3 3 0 0 1 0 6z"
            />
            <path
                d="M33 5a1 1 0 0 0-1-1 5.006 5.006 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3 1 1 0 0 0 1-1zM15 55H6a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2zM19 55h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
            />
        </g>
    </g>
</svg>