Ring Toss

<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="#ffbef9" />
        <stop offset="1" stop-color="#fff1ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="422"
        y2="94.699"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a93aff" />
        <stop offset="1" stop-color="#ff81ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="m286 156.499 30-29.895-30-31.905V30c0-16.5-13.5-30-30-30s-30 13.5-30 30v64.699l-30 29.232 30 32.568v201L256 392l30-34.501zM376 482h-90v-62.701L256 392l-30 27.299V482h-90c-8.401 0-15 6.599-15 15 0 8.399 6.599 15 15 15h240c8.401 0 15-6.601 15-15 0-8.401-6.599-15-15-15z"
    />
    <path
        fill="url(#b)"
        d="M286 94.699v61.8c43.2 12.9 75 53.101 75 100.501 0 47.399-31.8 87.599-75 100.499-9.6 3.001-19.501 4.501-30 4.501-10.5 0-20.4-1.5-30-4.501-43.2-12.9-75-53.101-75-100.499 0-47.401 31.8-87.601 75-100.501v-61.8C149.5 108.8 91 176.3 91 257s58.5 148.2 135 162.299c9.6 1.8 19.799 2.701 30 2.701s20.4-.901 30-2.701C362.5 405.2 421 337.7 421 257S362.5 108.8 286 94.699z"
    />
</svg>