Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#5f55af"
        d="M372.822 512c-17.727 0-34.739-8.406-45.508-22.486l-35.63-46.582h-71.369l-35.63 46.582C173.916 503.594 156.904 512 139.178 512c-17.161 0-33.267-7.591-44.189-20.827-10.922-13.235-15.319-30.49-12.062-47.338l17.674-91.452c7.339-37.978 40.741-65.542 79.421-65.542h151.957c38.68 0 72.081 27.564 79.421 65.542l17.675 91.453c3.256 16.848-1.141 34.102-12.064 47.337C406.089 504.409 389.982 512 372.822 512z"
    />
    <path
        fill="#453d83"
        d="m429.074 443.836-17.675-91.453c-7.34-37.978-40.741-65.542-79.421-65.542h-75.976v156.091h35.682l35.63 46.582C338.083 503.594 355.096 512 372.822 512c17.16 0 33.267-7.591 44.188-20.827 10.924-13.235 15.32-30.489 12.064-47.337z"
    />
    <path
        fill="#dad5ef"
        d="M321.501 385.98c-10.5.126-18.031-11.08-13.85-20.74 5.063-12.278 22.638-12.275 27.7 0 4.172 9.662-3.346 20.863-13.85 20.74z"
    />
    <path
        fill="#f6f6f6"
        d="M190.501 385.98c-10.499.128-18.029-11.082-13.85-20.74 5.066-12.279 22.635-12.278 27.7 0 4.18 9.657-3.352 20.868-13.85 20.74zM457.423 258.788H314.584a79.701 79.701 0 0 1-26.073-4.375l-40.092-13.846H75.555c-8.284 0-15-6.716-15-15v-59.611c0-8.284 6.716-15 15-15h172.864l40.092-13.846a79.688 79.688 0 0 1 26.073-4.375h142.839c30.094 0 54.577 24.483 54.577 54.577v16.899c0 30.094-24.483 54.577-54.577 54.577z"
    />
    <path
        fill="#dad5ef"
        d="M60.555 195.761v29.805c0 8.284 6.716 15 15 15h172.864l40.092 13.846a79.705 79.705 0 0 0 26.073 4.375h142.839c30.094 0 54.577-24.483 54.577-54.578v-8.449H60.555z"
    />
    <path fill="#ff8fb4" d="M120.098 150.956h30v89.611h-30z" />
    <path fill="#ff5e93" d="M120.098 195.761h30v44.805h-30z" />
    <path fill="#ff8fb4" d="M180.098 150.956h30v89.611h-30z" />
    <path fill="#ff5e93" d="M180.098 195.761h30v44.805h-30z" />
    <path
        fill="#5f55af"
        d="M58.833 258.826H15c-8.284 0-15-6.716-15-15v-96.129c0-8.284 6.716-15 15-15h43.833c16.591 0 30.088 13.497 30.088 30.088v65.954c0 16.59-13.497 30.087-30.088 30.087z"
    />
    <path
        fill="#453d83"
        d="M0 195.761v48.064c0 8.284 6.716 15 15 15h43.833c16.591 0 30.088-13.497 30.088-30.087v-32.977z"
    />
    <path
        fill="#f6f6f6"
        d="M459.174 105.603c-13.528 0-27.056-5.149-37.354-15.447-9.978-9.978-15.473-23.244-15.473-37.354s5.495-27.376 15.473-37.354c20.597-20.596 54.109-20.597 74.708 0C506.505 25.425 512 38.691 512 52.801c0 14.111-5.495 27.377-15.473 37.354-10.299 10.299-23.826 15.448-37.353 15.448z"
    />
    <path
        fill="#dad5ef"
        d="M496.527 15.447C486.228 5.149 472.701 0 459.173 0v105.603c13.527 0 27.055-5.149 37.354-15.447C506.505 80.178 512 66.912 512 52.801c0-14.11-5.495-27.376-15.473-37.354z"
    />
</svg>