Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f1ff" />
        <stop offset=".231" stop-color="#00d8ff" />
        <stop offset=".514" stop-color="#00c0ff" />
        <stop offset=".777" stop-color="#00b2ff" />
        <stop offset="1" stop-color="#00adff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <path
        fill="#fff"
        d="M376.566 325.863v-11.586c0-8.285-6.714-15-15-15-8.28 0-15 6.715-15 15v11.391h-22.125v-11.39c0-8.286-6.714-15-15-15h-37.945l-52.5-138.887c15.848-12.149 23.047-33.477 16.328-53.426-8.445-25.078-35.722-38.61-60.8-30.16-25.075 8.445-38.606 35.718-30.16 60.797 6.741 20.015 25.476 32.675 45.519 32.675.258 0 .515-.011.773-.015l48.77 129.015h-34.89c-8.286 0-15 6.715-15 15v11.391h-49.661c-30.102 0-54.59 24.488-54.59 54.59v20.453c0 8.281 6.719 15 15 15h209.156c8.286 0 15-6.719 15-15v-45.043h47.684c13.559 0 24.586 11.031 24.586 24.59v5.453h-21.29c-8.28 0-15 6.715-15 15 0 8.281 6.72 15 15 15h36.29c8.285 0 15-6.719 15-15v-20.453c.004-28.606-22.113-52.121-50.145-54.395zm-203.77-197.836c-3.167-9.402 1.903-19.625 11.306-22.793a17.97 17.97 0 0 1 5.757-.949c2.739 0 5.457.633 7.98 1.883a17.882 17.882 0 0 1 9.056 10.375 17.87 17.87 0 0 1-.934 13.734 17.86 17.86 0 0 1-10.371 9.055c-9.41 3.172-19.63-1.902-22.793-11.305zm16.74 257.684h-74.25v-5.453c0-13.559 11.03-24.59 24.589-24.59h49.66zm104.905 0h-74.906v-56.434h74.906zm0 0"
    />
</svg>