Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="256"
        x2="256"
        y1="512"
        y2="270"
    >
        <stop offset="0" stop-color="#ffbef9" />
        <stop offset="1" stop-color="#fff1ff" />
    </linearGradient>
    <linearGradient
        id="SVGID_00000045617306787255050490000011111458672879492271_"
        gradientUnits="userSpaceOnUse"
        x1="256"
        x2="256"
        y1="437"
        y2="0"
    >
        <stop offset="0" stop-color="#a93aff" />
        <stop offset="1" stop-color="#ff81ff" />
    </linearGradient>
    <g>
        <path
            d="m15 437h482c8.284 0 15 6.716 15 15v45c0 8.284-6.716 15-15 15h-482c-8.284 0-15-6.716-15-15v-45c0-8.284 6.716-15 15-15zm278.5-167h-75v107h75z"
            fill="url(#SVGID_1_)"
        />
        <path
            d="m131 392v45h-90v-45c0-8.284 6.716-15 15-15h60c8.284 0 15 6.716 15 15zm325-15h-60c-8.284 0-15 6.716-15 15v45h90v-45c0-8.284-6.716-15-15-15zm-140 0h-120c-8.284 0-15 6.716-15 15v45h150v-45c0-8.284-6.716-15-15-15zm36.941-201.648c47.876-76.235-6.919-175.352-96.941-175.352-90.022 0-144.817 99.117-96.94 175.352l59.44 94.648h75z"
            fill="url(#SVGID_00000045617306787255050490000011111458672879492271_)"
        />
    </g>
</svg>