Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 520 520"
>
    <path fill="#2b2b2b" d="M30 448.5v-40h460v80H30z" />
    <path
        fill="#202020"
        d="M354.699 438.5H30v20h324.699c5.523 0 10-4.478 10-10s-4.476-10-10-10z"
    />
    <path fill="#6f7172" d="M230 210.5h60v50h-60z" />
    <path
        fill="#828688"
        d="M230 260.5h60v70h-60zM290 142.45v68.05h-60v-68.05c8.83 5.11 19.07 8.05 30 8.05s21.17-2.94 30-8.05z"
    />
    <g fill="#4d4d4d">
        <path
            d="M200 220.5h120c5.522 0 10-4.477 10-10s-4.478-10-10-10H200c-5.523 0-10 4.477-10 10s4.477 10 10 10zM320 250.5H200c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10h120c5.522 0 10-4.478 10-10 0-5.523-4.478-10-10-10z"
        />
    </g>
    <path
        fill="#4d4d4d"
        d="M320 91.5c0 22.2-12.07 41.58-30 51.95-8.83 5.11-19.07 8.05-30 8.05s-21.17-2.94-30-8.05c-17.93-10.37-30-29.75-30-51.95 0-33.14 26.86-60 60-60 33.13 0 60 26.86 60 60z"
    />
    <path
        fill="#2b2b2b"
        d="M240 101.5c-5.523 0-10-4.477-10-10 0-16.542 13.458-30 30-30 5.523 0 10 4.477 10 10s-4.478 10-10 10c-5.514 0-10 4.486-10 10 0 5.523-4.478 10-10 10z"
    />
    <path fill="#6f7172" d="M60 359.5h60v50H60z" />
    <g fill="#4caf50">
        <path
            d="M90 59.5c11.04 0 20 8.95 20 20s-8.96 20-20 20c-11.05 0-20-8.95-20-20s8.95-20 20-20zM90 239.5c11.04 0 20 8.95 20 20s-8.96 20-20 20c-11.05 0-20-8.95-20-20s8.95-20 20-20zM420 229.5c11.04 0 20 8.95 20 20s-8.96 20-20 20c-11.051 0-20-8.95-20-20s8.949-20 20-20zM410 69.5c11.04 0 20 8.95 20 20s-8.96 20-20 20c-11.051 0-20-8.95-20-20s8.949-20 20-20z"
        />
    </g>
    <path fill="#4d4d4d" d="M360 369.5v40H160v-80h200z" />
    <path fill="#6f7172" d="M400 359.5h60v50h-60z" />
    <path
        fill="#2b2b2b"
        d="M360 359.5H220c-5.523 0-10 4.478-10 10s4.477 10 10 10h140z"
    />
</svg>