Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="-111 0 512 512"
>
    <path
        fill="#0b9cff"
        d="M271.91 512H18c-9.941 0-18-8.059-18-18V188.266c0-9.942 8.059-18 18-18h253.91c9.942 0 18 8.058 18 18V494c0 9.941-8.058 18-18 18zm0 0"
    />
    <path
        fill="#afb9d2"
        d="M271.91 512H18c-9.941 0-18-8.059-18-18V188.266c0-9.942 8.059-18 18-18h253.91c9.942 0 18 8.058 18 18V494c0 9.941-8.058 18-18 18zm0 0"
    />
    <path
        fill="#959cb3"
        d="M271.172 170.266h-63.899c10.348 0 18.739 8.386 18.739 18.738v304.258c0 10.347-8.39 18.738-18.739 18.738h63.899c10.348 0 18.738-8.39 18.738-18.738V189.004c0-10.352-8.39-18.738-18.738-18.738zm0 0"
    />
    <path
        fill="#48709b"
        d="M0 418.305v74.957C0 503.609 8.39 512 18.738 512h252.434c10.348 0 18.738-8.39 18.738-18.738v-74.957zm0 0"
    />
    <path
        fill="#3a6187"
        d="M225.813 418.305v42.086c0 10.347-8.391 18.738-18.739 18.738H0v14.133C0 503.609 8.39 512 18.738 512h252.434c10.348 0 18.738-8.39 18.738-18.738V418.3h-64.097zm0 0"
    />
    <path
        fill="#629acc"
        d="M237.797 292.375c0 51.273-41.567 92.84-92.844 92.84-51.273 0-92.84-41.567-92.84-92.84s41.567-92.84 92.84-92.84c51.277 0 92.844 41.567 92.844 92.84zm0 0"
    />
    <path
        fill="#48709b"
        d="M191.45 212.004c7.929 13.672 12.468 29.555 12.468 46.496 0 51.273-41.566 92.84-92.84 92.84-16.941 0-32.82-4.543-46.496-12.469 16.066 27.707 46.04 46.344 80.371 46.344 51.277 0 92.844-41.567 92.844-92.84 0-34.332-18.64-64.309-46.348-80.371zm0 0"
    />
    <path
        fill="#48709b"
        d="M145.922 312.477h-1.934c-12.972 0-23.488-10.516-23.488-23.489V116.391c0-.621.508-1.13 1.129-1.13h46.652c.621 0 1.13.509 1.13 1.13v172.593c0 12.977-10.516 23.493-23.49 23.493zm0 0"
    />
    <path
        fill="#3a6187"
        d="M168.234 115.262H146.72c.648 0 1.176.527 1.176 1.175v171.586c0 9.645-5.586 17.985-13.7 21.961a24.36 24.36 0 0 0 10.758 2.493c13.508 0 24.457-10.95 24.457-24.454V116.437c0-.648-.527-1.175-1.176-1.175zm0 0"
    />
    <path
        fill="#f96058"
        d="M221.11 76.152c0 42.059-34.094 76.157-76.157 76.157-42.058 0-76.152-34.098-76.152-76.157S102.895 0 144.953 0c42.063 0 76.156 34.094 76.156 76.152zm0 0"
    />
    <path
        fill="#e94141"
        d="M179.66 8.375a75.766 75.766 0 0 1 8.375 34.707c0 42.059-34.094 76.152-76.152 76.152a75.815 75.815 0 0 1-34.707-8.375c12.625 24.602 38.226 41.45 67.777 41.45 42.063 0 76.156-34.094 76.156-76.157 0-29.55-16.847-55.152-41.449-67.777zm0 0"
    />
    <path
        fill="#f96058"
        d="M61.383 377.625c0 10.41-8.442 18.852-18.852 18.852s-18.847-8.442-18.847-18.852 8.437-18.848 18.847-18.848 18.852 8.438 18.852 18.848zm0 0"
    />
    <path
        fill="#48709b"
        d="M163.805 42.398c0 10.41-8.438 18.852-18.852 18.852-10.41 0-18.848-8.441-18.848-18.852 0-10.41 8.438-18.847 18.848-18.847 10.414 0 18.852 8.437 18.852 18.847zm0 0"
    />
</svg>