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="#ffc2cc" />
        <stop offset="1" stop-color="#fff2f4" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="407"
        y2="105"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffa68d" />
        <stop offset="1" stop-color="#fd3a84" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <path
        fill="url(#b)"
        d="M380.353 335.941H131.647c-14.694 0-26.647 11.953-26.647 26.647v35.53a8.877 8.877 0 0 0 8.882 8.882h284.235a8.877 8.877 0 0 0 8.882-8.882v-35.53c.001-14.694-11.952-26.647-26.646-26.647zM256 193.823c3.487 0 6.87-.39 10.045-1.171.278-.043.573-.095.85-.165 19.725-4.996 33.517-22.709 33.517-43.076C300.412 124.925 280.496 105 256 105s-44.412 19.925-44.412 44.412c0 11.537 4.424 22.44 12.387 30.629 8.31 8.76 19.985 13.782 32.025 13.782zm24.773 107.526a26.45 26.45 0 0 0 1.874-9.819c0-14.694-11.953-26.647-26.647-26.647h-71.059c-14.694 0-26.647 11.953-26.647 26.647 0 3.461.659 6.775 1.874 9.819-8.437 2.296-15.195 8.659-18.093 16.828h156.792c-2.899-8.169-9.657-14.532-18.094-16.828zm90.698 7.945a8.878 8.878 0 0 0-8.882-8.883H327.06a8.877 8.877 0 0 0-8.882 8.883v8.882h53.294v-8.882zm-105.336-98.626c-2.9.527-6.355.92-10.135.92-15.162 0-29.716-5.92-40.993-15.959l-14.655 51.489h55.407z"
    />
</svg>