Surprise

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 152 152"
>
    <radialGradient
        id="a"
        cx="76"
        cy="76"
        r="76"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc107" />
        <stop offset=".52" stop-color="#ffbf07" />
        <stop offset=".7" stop-color="#ffb806" />
        <stop offset=".84" stop-color="#ffad04" />
        <stop offset=".94" stop-color="#ff9c02" />
        <stop offset="1" stop-color="#ff8f00" />
    </radialGradient>
    <g>
        <circle cx="76" cy="76" r="76" fill="url(#a)" />
        <g fill="#dd2c00">
            <circle cx="45.18" cy="57.43" r="9.74" />
            <circle cx="106.82" cy="57.43" r="9.74" />
            <circle cx="76" cy="103.22" r="22.08" />
        </g>
    </g>
</svg>