Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M136 180c-49.629 0-90-40.371-90-90S86.371 0 136 0s90 40.371 90 90-40.371 90-90 90z"
        fill="#1de8f1"
    />
    <path
        d="M226 90c0-49.629-40.371-90-90-90v180c49.629 0 90-40.371 90-90z"
        fill="#1bd9de"
    />
    <path
        d="M226 195c0-24.814-20.186-45-45-45H91c-24.814 0-45 20.186-45 45v227h180V195z"
        fill="#787780"
    />
    <path
        d="M136 422h90V195c0-24.814-20.186-45-45-45h-45v272zM91 360H46V240h45c24.853 0 45 20.147 45 45v30c0 24.853-20.147 45-45 45z"
        fill="#57555c"
    />
    <circle cx="151" cy="225" r="15" fill="#3c3a41" />
    <path
        d="M166 375c0 8.284-6.716 16-15 16s-15-7.716-15-16 6.716-15 15-15 15 6.716 15 15z"
        fill="#3c3a41"
    />
    <path
        d="M136 512c49.629 0 90-40.371 90-90H46c0 49.629 40.371 90 90 90z"
        fill="#57555c"
    />
    <path d="M226 422h-90v90c49.629 0 90-40.371 90-90z" fill="#3c3a41" />
    <path
        d="M376 180c-49.629 0-90-40.371-90-90s40.371-90 90-90 90 40.371 90 90-40.371 90-90 90z"
        fill="#fd4e26"
    />
    <path
        d="M466 90c0-49.629-40.371-90-90-90v180c49.629 0 90-40.371 90-90z"
        fill="#fd3018"
    />
    <path
        d="M466 195c0-24.814-20.186-45-45-45h-90c-24.814 0-45 20.186-45 45v227h180V195z"
        fill="#787780"
    />
    <path
        d="M376 422h90V195c0-24.814-20.186-45-45-45h-45v272zM331 360h-45V240h45c24.853 0 45 20.147 45 45v30c0 24.853-20.147 45-45 45z"
        fill="#57555c"
    />
    <circle cx="391" cy="225" r="15" fill="#3c3a41" />
    <path
        d="M406 375c0 8.284-6.716 16-15 16s-15-7.716-15-16 6.716-15 15-15 15 6.716 15 15z"
        fill="#3c3a41"
    />
    <path
        d="M376 512c49.629 0 90-40.371 90-90H286c0 49.629 40.371 90 90 90z"
        fill="#57555c"
    />
    <path d="M466 422h-90v90c49.629 0 90-40.371 90-90z" fill="#3c3a41" />
</svg>