Confetti

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <radialGradient
        id="a"
        cx="296.643"
        cy="280.671"
        r="322.081"
        gradientTransform="matrix(0 1 -.479 0 431.21 -15.972)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f9ef63" />
        <stop offset=".16" stop-color="#f7ec5d" />
        <stop offset=".375" stop-color="#f3e44c" />
        <stop offset=".597" stop-color="#ecd833" />
        <stop offset="1" stop-color="#e49824" />
    </radialGradient>
    <radialGradient
        id="b"
        cx="95.141"
        cy="70.177"
        r="323.17"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fffbe4" />
        <stop offset=".554" stop-color="#fff9c1" />
        <stop offset="1" stop-color="#fbf4af" />
    </radialGradient>
    <radialGradient
        id="c"
        cx="289.753"
        cy="303.541"
        r=".5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fbf4af" />
        <stop offset=".381" stop-color="#faf184" />
        <stop offset=".65" stop-color="#f9ef63" />
        <stop offset=".811" stop-color="#f8ec52" />
        <stop offset="1" stop-color="#f6e738" />
    </radialGradient>
    <radialGradient
        id="d"
        cx="488.643"
        cy="178.271"
        r="322.081"
        gradientTransform="matrix(0 1 -.479 0 574.114 -310.372)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#b7e445" />
        <stop offset=".216" stop-color="#b2de43" />
        <stop offset=".504" stop-color="#a3cd3f" />
        <stop offset=".597" stop-color="#9dc63d" />
        <stop offset="1" stop-color="#8bc852" />
    </radialGradient>
    <radialGradient
        id="e"
        cx="287.141"
        cy="-32.224"
        r="323.17"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#eaf6df" />
        <stop offset=".514" stop-color="#e2f4b4" />
        <stop offset=".976" stop-color="#d8f1a0" />
    </radialGradient>
    <radialGradient
        id="f"
        cx="481.753"
        cy="201.141"
        r=".5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d8f1a0" />
        <stop offset=".331" stop-color="#c8eb75" />
        <stop offset=".665" stop-color="#b7e445" />
        <stop offset="1" stop-color="#aad540" />
    </radialGradient>
    <radialGradient
        id="g"
        cx="431.275"
        cy="1790.937"
        r="211.111"
        gradientTransform="matrix(.931 0 0 .113 -148.218 284.722)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".012" stop-color="#fff9c1" />
        <stop offset=".17" stop-color="#ffface" />
        <stop offset=".496" stop-color="#fffbe4" />
        <stop offset=".888" stop-color="#fff" />
    </radialGradient>
    <path
        fill="url(#a)"
        d="M217.6 371.2c25.6-19.2 25.601-57.6 0-76.8-25.6-19.2-25.6-57.6 0-76.8 25.599-19.2 25.601-57.599 0-76.8-12.8-9.6-19.2-24-19.2-38.4H128c0 14.4 6.4 28.8 19.2 38.4 25.6 19.2 25.601 57.599 0 76.8-25.6 19.2-25.6 57.6 0 76.8 25.6 19.2 25.601 57.599 0 76.8-25.599 19.199-25.601 57.6 0 76.8 12.8 9.6 19.2 24 19.2 38.4h70.4c0-14.4-6.4-28.8-19.2-38.4-25.6-19.2-25.601-57.599 0-76.8z"
    />
    <path
        fill="url(#b)"
        d="M102.4 371.2c-12.8 9.6-19.2 24-19.2 38.4H128c0-14.4 6.4-28.8 19.2-38.4 12.8-9.6 19.2-24 19.2-38.4h-44.8c0 14.4-6.4 28.8-19.2 38.4z"
    />
    <g fill="url(#c)">
        <path
            d="M102.4 448c12.8 9.6 19.2 24 19.2 38.4h44.8c0-14.4-6.4-28.8-19.2-38.4-12.8-9.6-19.2-24-19.2-38.4H83.2c0 14.4 6.4 28.8 19.2 38.4zM147.2 140.8c-12.8-9.6-19.2-24-19.2-38.4H83.2c0 14.4 6.4 28.8 19.2 38.4 12.8 9.6 19.2 24 19.2 38.4h44.8c0-14.4-6.4-28.8-19.2-38.4zM102.4 294.4c12.8 9.6 19.2 24 19.2 38.4h44.8c0-14.4-6.4-28.8-19.2-38.4-12.8-9.6-19.2-24-19.2-38.4H83.2c0 14.4 6.4 28.8 19.2 38.4z"
        />
    </g>
    <path
        fill="url(#b)"
        d="M147.2 217.6c12.8-9.6 19.2-24 19.2-38.4h-44.8c0 14.4-6.4 28.8-19.2 38.4-12.8 9.6-19.2 24-19.2 38.4H128c0-14.4 6.4-28.8 19.2-38.4z"
    />
    <path
        fill="url(#d)"
        d="M409.6 268.8c25.6-19.2 25.601-57.6 0-76.8-25.6-19.2-25.6-57.6 0-76.8 25.599-19.2 25.601-57.599 0-76.8-12.8-9.6-19.2-24-19.2-38.4H320c0 14.4 6.4 28.8 19.2 38.4 25.6 19.2 25.601 57.599 0 76.8-25.6 19.2-25.6 57.6 0 76.8 25.6 19.2 25.601 57.599 0 76.8-25.599 19.199-25.601 57.6 0 76.8 12.8 9.6 19.2 24 19.2 38.4h70.4c0-14.4-6.4-28.8-19.2-38.4-25.6-19.2-25.601-57.599 0-76.8z"
    />
    <path
        fill="url(#e)"
        d="M294.4 268.8c-12.8 9.6-19.2 24-19.2 38.4H320c0-14.4 6.4-28.8 19.2-38.4 12.8-9.6 19.2-24 19.2-38.4h-44.8c0 14.4-6.4 28.8-19.2 38.4z"
    />
    <path
        fill="url(#f)"
        d="M294.4 345.6c12.8 9.6 19.2 24 19.2 38.4h44.8c0-14.4-6.4-28.8-19.2-38.4-12.8-9.6-19.2-24-19.2-38.4h-44.8c0 14.4 6.4 28.8 19.2 38.4zM339.2 38.4C326.4 28.8 320 14.4 320 0h-44.8c0 14.4 6.4 28.8 19.2 38.4 12.8 9.6 19.2 24 19.2 38.4h44.8c0-14.4-6.4-28.8-19.2-38.4zM294.4 192c12.8 9.6 19.2 24 19.2 38.4h44.8c0-14.4-6.4-28.8-19.2-38.4-12.8-9.6-19.2-24-19.2-38.4h-44.8c0 14.4 6.4 28.8 19.2 38.4z"
    />
    <path
        fill="url(#e)"
        d="M339.2 115.2c12.8-9.6 19.2-24 19.2-38.4h-44.8c0 14.4-6.4 28.8-19.2 38.4-12.8 9.6-19.2 24-19.2 38.4H320c0-14.4 6.4-28.8 19.2-38.4z"
    />
    <path
        fill="url(#g)"
        d="M256 512c113.107 0 204.798-11.351 204.798-25.353H51.202C51.202 500.649 142.893 512 256 512z"
    />
</svg>