Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#555"
        d="M224.74 165.5h-18.05a99.8 99.8 0 0 1-19.2-1.86l-48.52-9.51a100.225 100.225 0 0 0-107.33 50.42l10.62-36.83c22.11-20.95 46.99-33.48 77.3-33.48a119.058 119.058 0 0 1 22.87 2.23l48.53 12.5zM287.26 165.5h18.05a99.8 99.8 0 0 0 19.2-1.86l48.52-9.51a100.225 100.225 0 0 1 107.33 50.42l-10.62-36.83c-22.11-20.95-46.99-33.48-77.3-33.48a119.058 119.058 0 0 0-22.87 2.23l-48.53 12.5zM256 171.5a6 6 0 0 1-6-6c0-49.8 28.868-55.237 54.339-60.03 13.99-2.633 27.2-5.12 37.04-13.942C352.563 81.5 358 63.824 358 37.5a6 6 0 0 1 12 0c0 67.823-35.177 74.443-63.442 79.763C281.663 121.948 262 125.648 262 165.5a6 6 0 0 1-6 6z"
    />
    <path
        fill="#d6d6d6"
        d="M492 250.93v205.54a18.027 18.027 0 0 1-18.03 18.03H430.3a42.856 42.856 0 0 1-41.81-33.47l-8.08-36.06a62.057 62.057 0 0 0-60.54-48.47H192.13a62.057 62.057 0 0 0-60.54 48.47l-8.08 36.06A42.856 42.856 0 0 1 81.7 474.5H38.03A18.027 18.027 0 0 1 20 456.47V250.93c0-.88.01-1.75.03-2.63a96.883 96.883 0 0 1 11.61-43.75 100.225 100.225 0 0 1 107.33-50.42l48.52 9.51a99.8 99.8 0 0 0 19.2 1.86h100.37a100.217 100.217 0 0 0 19.69-1.96l45.84-9.22c60.26-12.12 117.82 32.57 119.38 94.02.02.86.03 1.73.03 2.59z"
    />
    <g fill="#555">
        <path
            d="M75 266.5H50a6 6 0 0 1 0-12h25a6 6 0 0 1 0 12zM156 266.5h-25a6 6 0 0 1 0-12h25a6 6 0 0 1 0 12zM103 238.5a6 6 0 0 1-6-6v-25a6 6 0 0 1 12 0v25a6 6 0 0 1-6 6zM103 319.5a6 6 0 0 1-6-6v-25a6 6 0 0 1 12 0v25a6 6 0 0 1-6 6z"
        />
    </g>
    <circle cx="405" cy="219.5" r="18" fill="#f4ed08" />
    <circle cx="405" cy="300.5" r="18" fill="#1b52ce" />
    <circle cx="445" cy="260.5" r="18" fill="#e80707" />
    <circle cx="364" cy="260.5" r="18" fill="#cc2380" />
    <path
        fill="#efefef"
        d="M225 324.5h-29a6 6 0 0 1 0-12h29a6 6 0 0 1 0 12zM315 324.5h-29a6 6 0 0 1 0-12h29a6 6 0 0 1 0 12z"
    />
    <circle cx="256" cy="227.5" r="31" fill="#1b52ce" />
</svg>