Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 58 58"
>
    <g fill="none" fill-rule="nonzero" transform="translate(0 -1)">
        <path fill="#bdc3c7" d="M32 11.32V32h-6V11.32a5.176 5.176 0 0 0 6 0z" />
        <path
            fill="#95a5a5"
            d="m38 37-9 2-9-2 1.62-6.49A1.992 1.992 0 0 1 23.56 29h10.88a1.992 1.992 0 0 1 1.94 1.51z"
        />
        <path
            fill="#ff5364"
            d="M29 15a6.97 6.97 0 0 1-6.32-4 6.958 6.958 0 0 1 0-6A7 7 0 1 1 29 15z"
        />
        <path
            fill="#fff"
            d="M25 8a4 4 0 0 1 4-4 1 1 0 0 1 0 2 2 2 0 0 0-2 2 1 1 0 0 1-2 0z"
        />
        <path
            fill="#2980ba"
            d="m55 48-3.28 9.03A3 3 0 0 1 48.9 59H9.1a3 3 0 0 1-2.82-1.97L3 48l26-3z"
        />
        <g fill="#285680">
            <path
                d="M10 52a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM14 54a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1zM18 52a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM40 52a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1zM44 54a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1zM48 52a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
            />
        </g>
        <rect width="58" height="11" y="37" fill="#3b97d3" rx="2" />
        <path
            fill="#ff5364"
            d="M46 33h8a1 1 0 0 1 1 1v3H45v-3a1 1 0 0 1 1-1z"
        />
        <path
            fill="#fff"
            d="M7 42H4a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM24 42H11a1 1 0 0 1 0-2h13a1 1 0 0 1 0 2z"
        />
    </g>
</svg>