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="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a93aff" />
        <stop offset="1" stop-color="#ff81ff" />
    </linearGradient>
    <path
        d="M497 497H15v-60h482v60zM126 377H56v60h70v-60zm330 0h-70v60h70v-60zm-140 0H196v60h120v-60zm-30-122h-60v122h60V255zm54.6-87.36C382.13 101.192 334.359 15 256 15h0c-78.359 0-126.13 86.192-84.6 152.64L226 255h60l54.6-87.36z"
        fill="none"
        stroke="url(#a)"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>