Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#efecef"
        d="m337.688 170.546 14.115-15.887a49.288 49.288 0 0 0 10.029-47.967l-26.794-82.463A35.063 35.063 0 0 0 301.69 0h-89.47a35.063 35.063 0 0 0-33.348 24.229l-26.794 82.463a49.289 49.289 0 0 0 10.029 47.967l14.115 15.887a70.398 70.398 0 0 1 17.771 46.758v104.658c0 22.362-5.999 44.314-17.372 63.568l-7.391 12.512h173.54l-5.481-9.279a124.989 124.989 0 0 1-17.372-63.568v-107.89a70.399 70.399 0 0 1 17.771-46.759z"
    />
    <path
        fill="#dddaec"
        d="m337.688 170.546 14.115-15.887a49.289 49.289 0 0 0 10.029-47.967l-26.794-82.463A35.063 35.063 0 0 0 301.69 0h-43.562a35.063 35.063 0 0 1 33.348 24.229l26.794 82.463a49.289 49.289 0 0 1-10.029 47.967l-14.115 15.887a70.398 70.398 0 0 0-17.771 46.758v107.89c0 22.362 5.999 44.314 17.372 63.568l5.481 9.279h43.562l-5.481-9.279a124.989 124.989 0 0 1-17.372-63.568v-107.89a70.398 70.398 0 0 1 17.771-46.758z"
    />
    <path
        fill="#407093"
        d="M420.642 512c4.542 0 6.717-5.537 3.425-8.666-43.756-41.595-102.93-67.123-168.067-67.123s-124.311 25.528-168.067 67.123c-3.292 3.13-1.117 8.666 3.425 8.666z"
    />
    <path
        fill="#365e7d"
        d="M424.067 503.334c-43.756-41.595-102.93-67.122-168.067-67.122-14.817 0-29.32 1.335-43.408 3.865 47.847 8.594 90.856 31.124 124.659 63.258 3.292 3.13 1.117 8.666-3.425 8.666h86.816c4.542-.001 6.717-5.538 3.425-8.667z"
    />
    <path
        fill="#407093"
        d="M363.838 115.706a49.277 49.277 0 0 0-2.006-9.014l-26.794-82.463A35.065 35.065 0 0 0 301.69 0h-89.47a35.064 35.064 0 0 0-33.348 24.229l-26.794 82.463a49.243 49.243 0 0 0-2.208 11.025c21.518 24.257 60.99 30.864 106.129 30.864 46.363 0 86.747-6.97 107.839-32.875z"
    />
    <path
        fill="#efecef"
        d="M257.004 474.299h-.097c-14.712 0-26.639-11.927-26.639-26.639v-45.611h53.375v45.611c-.001 14.713-11.927 26.639-26.639 26.639z"
    />
    <path
        fill="#dddaec"
        d="M263.548 402.049v45.562c0 11.184-6.882 20.755-16.64 24.725a26.598 26.598 0 0 0 10.047 1.963c14.739 0 26.687-11.948 26.687-26.687V402.05h-20.094z"
    />
    <circle cx="256" cy="56.886" r="32.437" fill="#efecef" />
    <path
        fill="#dddaec"
        d="M269.437 27.364a32.303 32.303 0 0 1 2.916 13.437c0 17.915-14.523 32.437-32.437 32.437a32.303 32.303 0 0 1-13.437-2.916c5.109 11.206 16.402 19 29.521 19 17.915 0 32.437-14.523 32.437-32.437 0-13.119-7.794-24.411-19-29.521z"
    />
    <path
        fill="#beb9dd"
        d="M256 96.837c-22.029 0-39.951-17.922-39.951-39.951S233.971 16.935 256 16.935s39.951 17.922 39.951 39.951S278.029 96.837 256 96.837zm0-64.874c-13.743 0-24.923 11.181-24.923 24.923S242.257 81.809 256 81.809s24.923-11.181 24.923-24.923S269.743 31.963 256 31.963z"
    />
    <path
        fill="#d5c6e4"
        d="M374.304 409.688H137.696c-9.32 0-16.875-7.555-16.875-16.875v-.062c0-9.32 7.555-16.875 16.875-16.875h236.608c9.32 0 16.875 7.555 16.875 16.875v.062c0 9.32-7.555 16.875-16.875 16.875z"
    />
    <path
        fill="#beb9dd"
        d="M374.273 375.877h-.835c-.418 8.965-7.797 16.111-16.866 16.111H120.861c-.012.265-.04.526-.04.794 0 9.337 7.569 16.906 16.906 16.906h236.546c9.337 0 16.906-7.569 16.906-16.906 0-9.336-7.569-16.905-16.906-16.905z"
    />
    <path
        fill="#dddaec"
        d="M319.852 219.304h.065v93.521h-.065c-19.52 0-35.343-15.824-35.343-35.343v-22.834c0-19.52 15.824-35.344 35.343-35.344z"
    />
    <path
        fill="#dddaec"
        d="M319.852 219.304h.065v93.521h-.065c-19.52 0-35.343-15.824-35.343-35.343v-22.834c0-19.52 15.824-35.344 35.343-35.344z"
    />
    <path
        fill="#beb9dd"
        d="M319.852 219.304h.065v93.521h-.065c-19.52 0-35.343-15.824-35.343-35.343v-22.834c0-19.52 15.824-35.344 35.343-35.344z"
    />
    <path
        fill="#d5c6e4"
        d="M194.092 312.825h-.065v-93.521h.065c19.52 0 35.343 15.824 35.343 35.343v22.834c.001 19.52-15.823 35.344-35.343 35.344z"
    />
    <path
        fill="#365e7d"
        d="m361.832 106.692-26.794-82.463A35.065 35.065 0 0 0 301.69 0h-43.561a35.063 35.063 0 0 1 33.348 24.229l26.794 82.463c3.905 12.019 2.973 24.873-2.213 36.018 20.02-4.875 36.608-13.282 47.781-27.004a49.363 49.363 0 0 0-2.007-9.014z"
    />
    <circle cx="312.685" cy="101.848" r="15.41" fill="#e28086" />
    <circle cx="199.315" cy="101.848" r="15.41" fill="#b1e4f9" />
    <path
        fill="#dd636e"
        d="M317.783 87.319c.561 1.598.881 3.308.881 5.097 0 8.51-6.899 15.409-15.41 15.409-1.789 0-3.5-.321-5.097-.881 2.106 6.002 7.807 10.312 14.528 10.312 8.51 0 15.41-6.899 15.41-15.41 0-6.72-4.311-12.42-10.312-14.527z"
    />
    <path
        fill="#75cef9"
        d="M204.412 87.319c.561 1.598.881 3.308.881 5.097 0 8.51-6.899 15.409-15.41 15.409-1.789 0-3.5-.321-5.097-.881 2.106 6.002 7.807 10.312 14.528 10.312 8.51 0 15.41-6.899 15.41-15.41 0-6.72-4.311-12.42-10.312-14.527z"
    />
</svg>