Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512.003 512.003"
>
    <path
        fill="#eff5f6"
        d="M320.683 213.741v233.578c0 35.724-28.96 64.683-64.683 64.683-35.723 0-64.683-28.96-64.683-64.683V213.741z"
    />
    <path
        fill="#cbe5e7"
        d="M320.682 213.745v233.577c0 35.723-28.958 64.681-64.681 64.681-3.172 0-6.289-.229-9.333-.676 31.298-4.525 55.348-31.454 55.348-64.004V213.745z"
    />
    <ellipse cx="256" cy="213.741" fill="#90bac4" rx="64.683" ry="44.482" />
    <path
        fill="#7da2b0"
        d="M320.686 213.739c0 24.568-28.967 44.483-64.692 44.483-4.01 0-7.926-.255-11.734-.737 30.12-3.782 52.958-21.926 52.958-43.745s-22.838-39.963-52.958-43.745a93.232 93.232 0 0 1 11.734-.737c35.725-.001 64.692 19.913 64.692 44.481z"
    />
    <path
        fill="#cbe5e7"
        d="M255.798 224.605c-11.11 0-20.116-9.006-20.116-20.116V139.11h40.232v65.379c0 11.11-9.006 20.116-20.116 20.116z"
    />
    <circle cx="255.798" cy="139.11" r="48.725" fill="#ec6264" />
    <ellipse cx="255.798" cy="125.269" fill="#e64649" rx="26.675" ry="11.514" />
    <path
        fill="#e64649"
        d="M304.527 139.11c0 26.915-21.819 48.721-48.734 48.721-4.975 0-9.776-.751-14.296-2.132 19.928-6.115 34.412-24.649 34.412-46.588s-14.483-40.473-34.412-46.588a48.848 48.848 0 0 1 14.296-2.132c26.915-.002 48.734 21.804 48.734 48.719z"
    />
    <path
        fill="#8dcafc"
        d="m190.321 57.843-14.94-14.94c-3.84-3.84-3.61-9.89.53-13.42 46.04-39.31 114.14-39.31 160.18 0 4.14 3.53 4.37 9.58.53 13.42l-14.94 14.94z"
    />
    <path
        fill="#31a7fb"
        d="m219.061 86.583-28.74-28.74c39.21-30.36 92.15-30.36 131.36 0l-28.74 28.74z"
    />
    <path
        fill="#1785f8"
        d="m292.941 86.583-30.48 30.48a9.132 9.132 0 0 1-12.92 0l-30.48-30.48c23.55-13.101 50.33-13.101 73.88 0z"
    />
    <circle cx="236.964" cy="396.991" r="17.706" fill="#27d1b3" />
    <path
        fill="#20b69f"
        d="M254.671 396.992c0 9.78-7.93 17.71-17.71 17.71-2.14 0-4.19-.38-6.09-1.07 6.78-2.49 11.61-9 11.61-16.64s-4.83-14.15-11.61-16.64c1.9-.69 3.95-1.07 6.09-1.07 9.78.001 17.71 7.931 17.71 17.71z"
    />
    <circle cx="275.038" cy="443.478" r="17.706" fill="#31a7fb" />
    <path
        fill="#1c96f9"
        d="M292.741 443.482c0 9.77-7.92 17.7-17.7 17.7-2.35 0-4.6-.46-6.65-1.29 6.49-2.63 11.06-8.99 11.06-16.41 0-7.43-4.57-13.79-11.06-16.42 2.05-.83 4.3-1.29 6.65-1.29 9.78.001 17.7 7.931 17.7 17.71z"
    />
    <circle cx="256.001" cy="320.533" r="36.938" fill="#fcb982" />
    <path
        fill="#fc9744"
        d="M269.167 312.806h-5.439v-5.439a7.726 7.726 0 1 0-15.452 0v5.439h-5.439a7.726 7.726 0 1 0 0 15.452h5.439v5.439a7.726 7.726 0 1 0 15.452 0v-5.439h5.439a7.726 7.726 0 1 0 0-15.452z"
    />
    <g fill="#90bac4">
        <path
            d="M281.927 404.718c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.772 7.726-7.772 7.726 3.413 7.726 7.681v.091a7.725 7.725 0 0 1-7.726 7.726zM230.075 451.25c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.772 7.726-7.772 7.726 3.414 7.726 7.681v.091a7.726 7.726 0 0 1-7.726 7.726z"
        />
    </g>
</svg>