Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <defs>
        <linearGradient
            id="a"
            x2="61.033"
            y1="32"
            y2="32"
            gradientUnits="userSpaceOnUse"
        >
            <stop offset="0" stop-color="#fec183" />
            <stop offset=".173" stop-color="#fea981" />
            <stop offset=".538" stop-color="#fe6b7b" />
            <stop offset="1" stop-color="#ff1572" />
        </linearGradient>
        <linearGradient id="b" x2="61.033" y1="53" y2="53" href="#a" />
        <linearGradient id="c" x2="61.033" y1="9.5" y2="9.5" href="#a" />
    </defs>
    <g>
        <path
            d="M60 48h-2v-4h-6v4h-7.219l-2-8H35V23.574a11 11 0 1 0-6 0V40h-7.781l-2 8H17v-4H7v4H4v8H2v6h60v-6h-2Zm-6-2h2v2h-2ZM23 13a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9Zm10 10.949V40h-2V23.949c.33.03.662.051 1 .051s.67-.021 1-.051ZM22.781 42h18.438l1.5 6H21.281ZM9 46h6v2H9Zm-3 4h52v2h-4v2h4v2H6Zm54 10H4v-2h56Z"
            fill="url(#a)"
        />
        <path d="M8 52h2v2H8z" fill="url(#b)" />
        <path
            d="M37 13h2c0-5.537-4.579-7-7-7v2c.2 0 5 .057 5 5Z"
            fill="url(#c)"
        />
    </g>
</svg>