Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#beb9dd"
        d="M317.426 62.758a7.758 7.758 0 0 1-5.826-12.876l15.452-17.596a7.758 7.758 0 0 1 11.658 10.238L323.258 60.12a7.743 7.743 0 0 1-5.832 2.638z"
    />
    <path
        fill="#dd636e"
        d="m265.522 16.785 11.494-11.636c6.049-6.123 15.676-6.876 22.603-1.767 8.297 6.12 9.443 18.087 2.46 25.671l-5.368 5.83zM155.717 84.862l-35.282 22.051c-15.89 9.931-21.899 30.139-14.017 47.139l3.184 6.867a7.723 7.723 0 0 0 9.997 3.872l91.721-38.523z"
    />
    <path
        fill="#da4a54"
        d="m155.717 84.862-22.99 14.369a29.125 29.125 0 0 0 3.153 5.211l6.209 8.18a28.931 28.931 0 0 1 4.307 26.919l-5.641 16.365 70.565-29.637z"
    />
    <path
        fill="#30579d"
        d="M449.022 512H62.978a7.715 7.715 0 0 1-7.715-7.715v-23.382c0-23.767 19.267-43.035 43.035-43.035h315.405c23.767 0 43.035 19.267 43.035 43.035v23.382a7.716 7.716 0 0 1-7.716 7.715z"
    />
    <path
        fill="#26457d"
        d="M413.703 437.869h-27.058c23.767 0 43.035 19.267 43.035 43.035V512h19.343a7.715 7.715 0 0 0 7.715-7.715v-23.381c-.001-23.768-19.268-43.035-43.035-43.035z"
    />
    <path fill="#beb9dd" d="M234.113 309.166h43.773v128.703h-43.773z" />
    <path fill="#a7a2d3" d="M234.113 309.166h43.773v21.769h-43.773z" />
    <path
        fill="#30579d"
        d="M225.21 309.166h-3.578c-20.109 0-36.41-16.301-36.41-36.41a36.41 36.41 0 0 1 10.24-25.314l.006-.006c10.274-10.621 6.946-28.212-6.498-34.346l-25.247-11.52c-10.027-4.575-14.938-16.019-11.346-26.438l13.163-38.184a28.928 28.928 0 0 0-4.307-26.919l-6.209-8.18c-10.62-13.992-6.422-34.142 8.902-42.729l75.093-42.078a33.4 33.4 0 0 1 33.629.57l50.663 30.692a33.395 33.395 0 0 1 15.93 31.85l-18.574 187.828a43.577 43.577 0 0 1-20.234 32.642l-10.15 6.357a14.343 14.343 0 0 1-7.615 2.188H225.21z"
    />
    <path
        fill="#26457d"
        d="M323.311 48.301 272.648 17.61a33.395 33.395 0 0 0-33.629-.57l-13.895 7.786a33.366 33.366 0 0 1 14.575 4.721l50.663 30.692a33.395 33.395 0 0 1 15.93 31.85l-18.574 187.828a43.566 43.566 0 0 1-15.566 29.251h10.517c2.693 0 5.332-.758 7.615-2.188l10.15-6.357a43.574 43.574 0 0 0 20.234-32.642l18.574-187.828a33.4 33.4 0 0 0-15.931-31.852z"
    />
    <path
        fill="#dd636e"
        d="M271.892 490.231h-31.784c-8.448 0-15.297-6.849-15.297-15.297s6.849-15.297 15.297-15.297h31.784c8.448 0 15.297 6.849 15.297 15.297 0 8.449-6.849 15.297-15.297 15.297z"
    />
    <path
        fill="#26457d"
        d="M271.651 224.532a7.758 7.758 0 0 1-7.74-8.397l6.826-82.496c1.092-13.2-4.126-26.38-13.958-35.255l-15.78-14.245a7.758 7.758 0 0 1 10.397-11.518l15.779 14.245c13.4 12.097 20.512 30.06 19.024 48.051l-6.826 82.496a7.757 7.757 0 0 1-7.722 7.119z"
    />
</svg>