Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="443.657"
        y2="68.355"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        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"
    />
</svg>