Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#badb47"
        d="M271.759 241.885h-30v-99.22h210.158c16.588 0 30.083-13.496 30.083-30.084s-13.496-30.083-30.083-30.083H403.05c-33.13 0-60.083-26.954-60.083-60.084V0h30v22.414c0 16.588 13.496 30.084 30.083 30.084h48.867c33.13 0 60.083 26.953 60.083 60.083s-26.953 60.084-60.083 60.084H271.759z"
    />
    <path
        fill="#dce1eb"
        d="M191.119 223.962v88.954H256l19.223-45.269L256 223.962z"
    />
    <path fill="#cdd2e0" d="M256 223.962h64.881v88.954H256z" />
    <path
        fill="#f2f6fc"
        d="M121.042 269.916C54.299 269.916 0 324.215 0 390.958S54.299 512 121.042 512c45.83 0 87.059-25.476 107.682-65.711H256l23.186-79.56L256 269.916z"
    />
    <path
        fill="#dce1eb"
        d="M390.958 269.916H256V446.29h27.276C303.899 486.524 345.128 512 390.958 512 457.701 512 512 457.701 512 390.958s-54.299-121.042-121.042-121.042z"
    />
    <path
        fill="#cdd2e0"
        d="M397.857 433.257c-26.826 0-48.65-21.824-48.65-48.65s21.824-48.65 48.65-48.65 48.65 21.825 48.65 48.65-21.824 48.65-48.65 48.65z"
    />
    <path fill="#dce1eb" d="M210.997 327.525h30.002v30h-30.002z" />
    <path fill="#cdd2e0" d="M271.001 327.525h30.002v30h-30.002z" />
    <path fill="#d852da" d="M94.51 342.962h30.003v30.001H94.51z" />
    <path fill="#fed943" d="M94.51 402.965h30.003v30.001H94.51z" />
    <path fill="#31c3e7" d="M124.513 372.963h30.001v30.002h-30.001z" />
    <path fill="#fd7eb8" d="M64.509 372.963H94.51v30.002H64.509z" />
</svg>