Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <g fill-rule="evenodd">
        <path
            fill="#d1e7ff"
            d="m417.285 103.441-.263-.317c-14.587-16.853-32.246-28.934-55.3-26.432-17.673 1.917-34.49 12.133-49.542 21.059-16.989 10.074-35.587 21.358-55.854 22.182l-.325.013-.325-.013c-20.273-.824-38.863-12.108-55.858-22.182-15.055-8.923-31.871-19.137-49.544-21.059-23.052-2.507-40.713 9.583-55.3 26.432-.085.1-.172.209-.263.317A394.923 394.923 0 0 0 10.37 393.533c.024.212.053.426.094.636a51.055 51.055 0 0 0 47.451 41.419 43.32 43.32 0 0 0 2.363.069c19.7 0 35.2-13.99 46.823-28.517 10.16-12.7 18.6-27.261 26.362-41.529l2.675-4.913 5.532.826a37.968 37.968 0 0 0 41.018-23.932l2-5.165 5.539.052q32.881.312 65.765.32t65.785-.32l5.54-.052 2 5.167a38.056 38.056 0 0 0 35.446 24.342 38.645 38.645 0 0 0 5.573-.406l5.522-.8 2.663 4.9c14.28 26.3 39.154 70.027 73.283 70.018.765 0 1.529-.017 2.293-.059a51.041 51.041 0 0 0 47.438-41.419c.04-.211.075-.423.1-.636a394.911 394.911 0 0 0-84.344-290.092z"
        />
        <path
            fill="#2e58ff"
            d="M318.761 181.475a16.011 16.011 0 0 1-16 16h-18.88a16 16 0 1 1 0-32h18.88a16 16 0 0 1 16 16zm-74.641 0a16.011 16.011 0 0 1-16 16h-18.874a16 16 0 0 1 0-32h18.872a16 16 0 0 1 16 16zm158.688-31.359a16 16 0 0 1 0 22.631l-8.19 8.181 8.19 8.19a16 16 0 1 1-22.627 22.631l-8.18-8.19-8.19 8.19a16 16 0 0 1-22.631-22.631l8.189-8.19-8.189-8.181a16 16 0 0 1 22.631-22.631l8.19 8.19 8.18-8.19a16 16 0 0 1 22.627 0zm-211.149 30.812a15.994 15.994 0 0 1-16 16h-11.581v11.582a16 16 0 0 1-32 0v-11.584H120.5a16 16 0 1 1 0-32h11.578v-11.579a16 16 0 0 1 32 0v11.583h11.582a16 16 0 0 1 16 16zM477.849 390.2a368.381 368.381 0 0 0-79.169-271.58c-24.363-28.024-40.4-20.3-74.258-.231-19.574 11.6-41.743 24.749-67.932 25.546-.32.01-.651.01-.981 0-26.188-.8-48.357-13.95-67.931-25.546-33.86-20.07-49.9-27.8-74.258.231A368.378 368.378 0 0 0 34.15 390.2a27.109 27.109 0 0 0 25.071 21.432c18.918 1.029 38.487-30.637 53.24-57.632a45.983 45.983 0 1 1 78.1-45.517c43.451.42 87.359.42 130.881 0a45.99 45.99 0 1 1 78.089 45.531c13.752 25.32 33.789 58.689 53.25 57.618a27.109 27.109 0 0 0 25.07-21.432zm-113.09-52.26a14 14 0 1 1 14-14 14.018 14.018 0 0 1-14 14zm-217.519 0a14 14 0 1 1 14-14 14.018 14.018 0 0 1-14 14zM423.463 98.357c-.133-.151-.255-.311-.383-.458-19.121-22.093-39.469-31.633-62.223-29.161C341.958 70.786 324.738 81 308.1 90.87c-17.649 10.459-34.34 20.348-52.1 21.069-17.763-.721-34.44-10.61-52.1-21.069-16.643-9.87-33.863-20.084-52.762-22.132-22.75-2.481-43.1 7.068-62.219 29.161-.127.147-.25.307-.382.458A402.913 402.913 0 0 0 2.418 394.408c.043.42.114.849.189 1.269a59.062 59.062 0 0 0 54.873 47.9c.938.052 1.868.081 2.8.081 18.734 0 36.124-10.342 53.07-31.52 10.261-12.832 19.159-28.038 27.142-42.7a45.964 45.964 0 0 0 49.659-28.957q32.808.31 65.841.32 32.97 0 65.861-.32a46.052 46.052 0 0 0 42.908 29.457 46.618 46.618 0 0 0 6.727-.49c17.772 32.732 43.3 74.211 80.316 74.2.9 0 1.807-.019 2.727-.071a59.041 59.041 0 0 0 54.858-47.9c.081-.42.152-.849.194-1.269a402.907 402.907 0 0 0-86.12-296.051z"
        />
    </g>
</svg>