Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 48 48"
>
    <path
        fill="#f5c12e"
        d="M23.87 13H24v18h-.32a13.29 13.29 0 0 0-9.13 3.62l-2.73 2.58A4.58 4.58 0 0 1 8.19 39H6.78a4.73 4.73 0 0 1-4.51-3A6.29 6.29 0 0 1 2 34c0-.66.07-16.93 5.94-22.76a6.87 6.87 0 0 1 4.94-2.13h.06c3.08 0 5.23.76 6.76 2.31A5.73 5.73 0 0 0 23.87 13z"
    />
    <g fill="#ce8900">
        <circle cx="31" cy="20" r="2" />
        <circle cx="34" cy="23" r="2" />
        <circle cx="34" cy="17" r="2" />
        <circle cx="37" cy="20" r="2" />
    </g>
    <path
        fill="#fbeabc"
        d="M17 18h-2v-2a1 1 0 0 0-2 0v2h-2a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2z"
    />
    <circle cx="34" cy="17" r="2" fill="#ce8900" />
    <circle cx="34" cy="23" r="2" fill="#ce8900" />
    <circle cx="31" cy="20" r="2" fill="#ce8900" />
    <circle cx="37" cy="20" r="2" fill="#ce8900" />
    <path
        fill="#f0ab00"
        d="M39.9 11.35A7.51 7.51 0 0 0 34.47 9a8.54 8.54 0 0 0-6.16 2.38A5.75 5.75 0 0 1 24.19 13H24v18a13.33 13.33 0 0 1 8.38 3.22l3.89 3.35A4.49 4.49 0 0 0 39.54 39h1.82a4.63 4.63 0 0 0 3.89-2 6.24 6.24 0 0 0 .75-3c0-.7-.07-16.63-6.1-22.65zM34 15a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm-5 5a2 2 0 1 1 2 2 2 2 0 0 1-2-2zm5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3-3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
    />
</svg>