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="437"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fd5900" />
        <stop offset="1" stop-color="#ffde00" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="512"
        y2="229.475"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffedad" />
        <stop offset="1" stop-color="#ffffe5" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 392v45H402v-45c0-8.284 6.716-15 15-15h80c8.284 0 15 6.716 15 15zM95 377H15c-8.284 0-15 6.716-15 15v45h110v-45c0-8.284-6.716-15-15-15zm241 0H176c-8.284 0-15 6.716-15 15v45h190v-45c0-8.284-6.716-15-15-15zM286 0h-60c-30.327 0-55 24.673-55 55v120c0 30.327 24.673 55 55 55h60c30.327 0 55-24.673 55-55V55c0-30.327-24.673-55-55-55z"
    />
    <path
        fill="url(#b)"
        d="M512 497c0 8.284-6.716 15-15 15H15c-8.284 0-15-6.716-15-15v-60h512zM293.5 377V229.475a55.23 55.23 0 0 1-7.5.525h-60a55.07 55.07 0 0 1-7.5-.525V377z"
    />
</svg>