Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="255.997"
        y2="255.997"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f2fe" />
        <stop offset=".021" stop-color="#03effe" />
        <stop offset=".293" stop-color="#24d2fe" />
        <stop offset=".554" stop-color="#3cbdfe" />
        <stop offset=".796" stop-color="#4ab0fe" />
        <stop offset="1" stop-color="#4facfe" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M436 381.094v-20.102c0-11.047-8.953-20-20-20s-20 8.953-20 20v20h-39v-20c0-11.047-8.953-20-20-20h-59.398L196.645 126.84c9.164-6.578 16.64-15.332 21.796-25.727 8.309-16.75 9.598-35.73 3.63-53.453-12.321-36.578-52.102-56.312-88.684-43.992-36.578 12.32-56.313 52.102-43.992 88.68 5.964 17.722 18.476 32.054 35.226 40.363 9.817 4.871 20.399 7.328 31.043 7.328 1.059 0 2.117-.027 3.176-.078l75.996 201.031H178c-11.047 0-20 8.953-20 20v20H80c-44.113 0-80 35.887-80 80v31c0 11.047 8.953 20 20 20h317c11.047 0 20-8.953 20-20v-71h75c22.055 0 40 17.945 40 40v11h-35c-11.047 0-20 8.953-20 20s8.953 20 20 20h55c11.047 0 20-8.953 20-20v-31c0-42.77-33.738-77.805-76-79.898zM127.3 79.582c-5.277-15.676 3.18-32.727 18.856-38.008s32.727 3.18 38.008 18.856c2.559 7.593 2.004 15.73-1.555 22.91-3.562 7.176-9.707 12.539-17.3 15.097-7.594 2.555-15.73 2.004-22.907-1.554-7.18-3.563-12.543-9.707-15.101-17.301zm30.7 392.41H40v-11c0-22.055 17.945-40 40-40h78zm159 0H198v-91h119zm0 0"
    />
</svg>