Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#cbf0f4"
        d="M224.74 164.357h-18.05a99.8 99.8 0 0 1-19.2-1.86l-48.52-9.51a100.225 100.225 0 0 0-107.33 50.42l10.62-36.83c22.11-20.95 46.99-33.48 77.3-33.48a119.058 119.058 0 0 1 22.87 2.23l48.53 12.5zM287.26 164.357h18.05a99.8 99.8 0 0 0 19.2-1.86l48.52-9.51a100.225 100.225 0 0 1 107.33 50.42l-10.62-36.83c-22.11-20.95-46.99-33.48-77.3-33.48a119.058 119.058 0 0 0-22.87 2.23l-48.53 12.5z"
    />
    <path
        fill="#87daec"
        d="M492 249.787v205.54a18.027 18.027 0 0 1-18.03 18.03H430.3a42.856 42.856 0 0 1-41.81-33.47l-8.08-36.06a62.057 62.057 0 0 0-60.54-48.47H192.13a62.057 62.057 0 0 0-60.54 48.47l-8.08 36.06a42.856 42.856 0 0 1-41.81 33.47H38.03A18.027 18.027 0 0 1 20 455.327v-205.54c0-.88.01-1.75.03-2.63a96.883 96.883 0 0 1 11.61-43.75 100.225 100.225 0 0 1 107.33-50.42l48.52 9.51a99.8 99.8 0 0 0 19.2 1.86h100.37a100.217 100.217 0 0 0 19.69-1.96l45.84-9.22c60.26-12.12 117.82 32.57 119.38 94.02.02.86.03 1.73.03 2.59z"
    />
    <circle cx="405" cy="218.357" r="18" fill="#cbf0f4" />
    <circle cx="405" cy="299.357" r="18" fill="#cbf0f4" />
    <circle cx="445" cy="259.357" r="18" fill="#cbf0f4" />
    <circle cx="364" cy="259.357" r="18" fill="#cbf0f4" />
    <circle cx="256" cy="226.357" r="31" fill="#cbf0f4" />
    <g fill="#386ed8">
        <path
            d="M497.968 248.188c-.42-16.536-10.8-44.355-12.723-48.35l-9.74-33.78a5.994 5.994 0 0 0-1.638-2.694c-24.944-23.635-51.58-35.124-81.428-35.124a125.038 125.038 0 0 0-24.024 2.342 5.606 5.606 0 0 0-.341.077l-48.531 12.5a6.062 6.062 0 0 0-1.141.422l-31.378 15.354a6.03 6.03 0 0 0-.922.565h-23.927c1.93-34.224 20.8-37.8 44.383-42.237C334.823 111.943 370 105.323 370 37.5a6 6 0 0 0-12 0c0 26.324-5.437 44-16.621 54.028-9.836 8.822-23.05 11.309-37.04 13.942-24.408 4.593-51.931 9.78-54.186 54.03h-25.024a6 6 0 0 0-1.826-1.383L193.6 143.581a5.956 5.956 0 0 0-1.14-.421l-48.53-12.5a5.78 5.78 0 0 0-.341-.077 124.98 124.98 0 0 0-24.026-2.343c-29.848 0-56.483 11.489-81.427 35.125a6.009 6.009 0 0 0-1.638 2.693L27.083 198.7c-1.416 2.3-12.627 32.982-13.051 49.465-.021.925-.032 1.84-.032 2.766V456.47a24.057 24.057 0 0 0 24.03 24.03H81.7a48.58 48.58 0 0 0 47.665-38.158l8.08-36.058A55.74 55.74 0 0 1 192.13 362.5h127.74a55.742 55.742 0 0 1 54.686 43.781l8.08 36.063A48.577 48.577 0 0 0 430.3 480.5h43.67A24.057 24.057 0 0 0 498 456.47V250.93c0-.908-.011-1.83-.032-2.742zm-174.84-93.561 47.768-12.3a113 113 0 0 1 21.543-2.084c26.167 0 49.732 10.054 71.993 30.727l1.4 4.849q-3.4-3.251-7.116-6.227a106.133 106.133 0 0 0-87.308-21.151l-45.834 9.219a95 95 0 0 1-11.915 1.6zM119.56 140.24a112.939 112.939 0 0 1 21.545 2.085l47.767 12.3 9.113 4.46a94 94 0 0 1-9.341-1.336l-48.521-9.51a105.44 105.44 0 0 0-66.639 8.573 106.931 106.931 0 0 0-27.31 18.988l1.394-4.836c22.261-20.67 45.825-30.724 71.992-30.724zM486 456.47a12.043 12.043 0 0 1-12.03 12.03H430.3a36.645 36.645 0 0 1-35.955-28.781l-8.08-36.064A68.058 68.058 0 0 0 319.87 350.5H192.13a68.059 68.059 0 0 0-66.395 53.158l-8.079 36.058A36.647 36.647 0 0 1 81.7 468.5H38.03A12.043 12.043 0 0 1 26 456.47V250.93q0-1.251.028-2.476A90.428 90.428 0 0 1 36.92 207.4c19.292-35.749 60.782-55.233 100.9-47.381l48.521 9.51a106.174 106.174 0 0 0 20.349 1.971h100.371a106.543 106.543 0 0 0 20.873-2.078l45.838-9.22a94.16 94.16 0 0 1 77.457 18.767 91.817 91.817 0 0 1 34.743 69.514c.019.813.028 1.634.028 2.447z"
        />
        <path
            d="M75 254.5H50a6 6 0 0 0 0 12h25a6 6 0 0 0 0-12zM156 254.5h-25a6 6 0 0 0 0 12h25a6 6 0 0 0 0-12zM103 201.5a6 6 0 0 0-6 6v25a6 6 0 0 0 12 0v-25a6 6 0 0 0-6-6zM103 282.5a6 6 0 0 0-6 6v25a6 6 0 0 0 12 0v-25a6 6 0 0 0-6-6zM405 243.5a24 24 0 1 0-24-24 24.028 24.028 0 0 0 24 24zm0-36a12 12 0 1 1-12 12 12.013 12.013 0 0 1 12-12zM405 276.5a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 36a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zM445 236.5a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 36a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zM364 236.5a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 36a12 12 0 1 1 12-12 12.013 12.013 0 0 1-12 12zM225 312.5h-29a6 6 0 0 0 0 12h29a6 6 0 0 0 0-12zM315 312.5h-29a6 6 0 0 0 0 12h29a6 6 0 0 0 0-12zM293 227.5a37 37 0 1 0-37 37 37.042 37.042 0 0 0 37-37zm-37 25a25 25 0 1 1 25-25 25.028 25.028 0 0 1-25 25z"
        />
    </g>
</svg>