Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="5.241"
        x2="18.759"
        y1="5.237"
        y2="18.756"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff8a6b" />
        <stop offset="1" stop-color="#fe626a" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M12 19a21.167 21.167 0 0 1-7.714-1.45A2.03 2.03 0 0 1 3 15.674V8.315a1.984 1.984 0 0 1 1.264-1.863 21.337 21.337 0 0 1 15.45-.009A2.028 2.028 0 0 1 21 8.318v7.36a1.985 1.985 0 0 1-1.265 1.864A21.2 21.2 0 0 1 12 19z"
    />
    <g fill="#332525">
        <path
            d="M12 20a22.182 22.182 0 0 1-8.077-1.518A3.033 3.033 0 0 1 2 15.676V8.32a2.977 2.977 0 0 1 1.9-2.793 22.344 22.344 0 0 1 16.177-.009A3.033 3.033 0 0 1 22 8.324v7.356a2.977 2.977 0 0 1-1.9 2.793A22.19 22.19 0 0 1 12 20zm0-14a20.214 20.214 0 0 0-7.373 1.39.989.989 0 0 0-.627.93v7.356a1.02 1.02 0 0 0 .648.942 20.335 20.335 0 0 0 14.725-.008.989.989 0 0 0 .627-.93V8.324a1.02 1.02 0 0 0-.648-.942A20.18 20.18 0 0 0 12 6z"
        />
        <path d="M8 15a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z" />
        <path
            d="M10 13H6a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM17 11a1.052 1.052 0 0 1-.71-.29 1.032 1.032 0 0 1-.21-.33A1 1 0 0 1 16 10a1.028 1.028 0 0 1 .29-.71 1 1 0 0 1 1.42 1.42A1.052 1.052 0 0 1 17 11zM15 15a1.213 1.213 0 0 1-.19-.02.6.6 0 0 1-.19-.06.782.782 0 0 1-.181-.09l-.149-.12a1.032 1.032 0 0 1-.21-.33.943.943 0 0 1 0-.76 1.032 1.032 0 0 1 .21-.33 1.009 1.009 0 0 1 .91-.27.646.646 0 0 1 .18.06.776.776 0 0 1 .18.09 1.712 1.712 0 0 1 .15.12 1.014 1.014 0 0 1 0 1.42l-.15.12a.776.776 0 0 1-.18.09.646.646 0 0 1-.18.06 1.369 1.369 0 0 1-.2.02z"
        />
    </g>
</svg>