Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 438.679 438.679"
>
    <path
        d="M284.039 64.7c0-35.733-28.967-64.7-64.7-64.7s-64.7 28.967-64.7 64.7c0 26.308 15.71 48.932 38.254 59.045v13.505h52.892v-13.505c22.544-10.114 38.254-32.737 38.254-59.045z"
        fill="#f98680"
    />
    <path
        d="M264.085 83.05a5 5 0 0 1-4.792-6.435 41.484 41.484 0 0 0 1.746-11.914c0-17.333-10.932-33.047-27.202-39.101a5 5 0 1 1 3.489-9.372C257.49 23.73 271.039 43.21 271.039 64.7c0 5.01-.729 9.983-2.166 14.783a5.004 5.004 0 0 1-4.788 3.567zM219.34 23.002c-2.669 0-4.914-2.187-4.995-4.848-.082-2.656 2.008-4.972 4.668-5.139 2.726-.171 5.13 1.929 5.317 4.657.194 2.84-2.15 5.33-4.99 5.33z"
        opacity=".5"
        fill="#fff"
    />
    <path
        d="M278.65 171.062v205.93H160.03v-205.93c0-24.34 19.73-44.06 44.06-44.06h30.5c24.33 0 44.06 19.72 44.06 44.06zM160.663 387.992c4.176 28.668 28.851 50.688 58.677 50.688s54.501-22.02 58.677-50.688H160.663z"
        fill="#26a3bf"
    />
    <path
        d="M219.34 206.557c-5.45 0-9.868-4.418-9.868-9.868v-13.026c0-5.45 4.418-9.868 9.868-9.868s9.868 4.418 9.868 9.868v13.026c0 5.45-4.418 9.868-9.868 9.868z"
        fill="#e6e6e6"
    />
    <circle cx="190.899" cy="168.86" r="9.868" fill="#ffe473" />
    <circle cx="190.899" cy="211.492" r="9.868" fill="#ffe473" />
    <circle cx="247.78" cy="168.86" r="9.868" fill="#ffe473" />
    <circle cx="247.78" cy="211.492" r="9.868" fill="#ffe473" />
    <circle cx="219.34" cy="257.992" r="21" fill="#1e94a8" />
</svg>