Audio

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#fff9e2" />
        <stop offset=".535" stop-color="#ffe4cb" />
        <stop offset=".623" stop-color="#ffdfc1" />
        <stop offset=".973" stop-color="#ffcb9b" />
    </linearGradient>
    <radialGradient
        id="e"
        cx="27.832"
        cy="27.986"
        r="463.611"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#ffab56" />
        <stop offset=".512" stop-color="#ff982a" />
        <stop offset=".559" stop-color="#ff9426" />
        <stop offset=".976" stop-color="#ff7000" />
    </linearGradient>
    <radialGradient
        id="f"
        cx="242.208"
        cy="220.905"
        r="300.329"
        gradientTransform="matrix(0 1 -.577 0 369.645 -21.304)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient id="c">
        <stop offset="0" stop-color="#0055a3" />
        <stop offset=".438" stop-color="#004281" />
        <stop offset=".983" stop-color="#00366d" />
    </linearGradient>
    <radialGradient
        id="g"
        cx="237.944"
        cy="119.303"
        r="109.246"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient id="d">
        <stop offset="0" stop-color="#3692bc" />
        <stop offset=".504" stop-color="#0681af" />
        <stop offset=".976" stop-color="#0055a3" />
    </linearGradient>
    <radialGradient
        id="h"
        cx="170.095"
        cy="63.427"
        r="39.092"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <radialGradient
        id="i"
        cx="237.944"
        cy="247.303"
        r="109.246"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="j"
        cx="170.095"
        cy="191.427"
        r="39.092"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <radialGradient
        id="k"
        cx="251.994"
        cy="403.886"
        r="133.362"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="l"
        cx="187.431"
        cy="357.763"
        r="75.897"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <radialGradient
        id="m"
        cx="168.24"
        cy="332.723"
        r="56.351"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="n"
        cx="245.432"
        cy="27.986"
        r="463.611"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="o"
        cx="459.808"
        cy="220.905"
        r="300.329"
        gradientTransform="matrix(0 1 -.577 0 587.245 -238.904)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <radialGradient
        id="p"
        cx="455.544"
        cy="119.303"
        r="109.246"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="q"
        cx="387.695"
        cy="63.427"
        r="39.092"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <radialGradient
        id="r"
        cx="455.544"
        cy="247.303"
        r="109.246"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="s"
        cx="387.695"
        cy="191.427"
        r="39.092"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <radialGradient
        id="t"
        cx="469.594"
        cy="403.886"
        r="133.362"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="u"
        cx="405.032"
        cy="357.763"
        r="75.897"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <radialGradient
        id="v"
        cx="385.84"
        cy="332.723"
        r="56.351"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="w"
        cx="392.306"
        cy="2407.043"
        r="211.86"
        gradientTransform="matrix(.931 0 0 .114 -111.186 212.294)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffdcbd" />
        <stop offset=".512" stop-color="#ffebd8" />
        <stop offset=".522" stop-color="#ffebd9" />
        <stop offset=".976" stop-color="#fff" />
    </radialGradient>
    <path fill="url(#e)" d="M44.8 486.4H96l12.8-217.6L96 0H44.8z" />
    <path fill="url(#f)" d="M96 0h153.6v486.4H96z" />
    <circle cx="174.298" cy="76.8" r="51.2" fill="url(#g)" />
    <circle cx="174.298" cy="76.8" r="25.6" fill="url(#h)" />
    <circle cx="174.298" cy="204.8" r="51.2" fill="url(#i)" />
    <circle cx="174.298" cy="204.8" r="25.6" fill="url(#j)" />
    <circle cx="174.298" cy="352" r="62.503" fill="url(#k)" />
    <circle cx="174.298" cy="352" r="49.703" fill="url(#l)" />
    <circle cx="174.298" cy="352" r="36.903" fill="url(#m)" />
    <path fill="url(#n)" d="M262.4 486.4h51.2l12.8-217.6L313.6 0h-51.2z" />
    <path fill="url(#o)" d="M313.6 0h153.6v486.4H313.6z" />
    <circle cx="391.897" cy="76.8" r="51.2" fill="url(#p)" />
    <circle cx="391.897" cy="76.8" r="25.6" fill="url(#q)" />
    <circle cx="391.897" cy="204.8" r="51.2" fill="url(#r)" />
    <circle cx="391.897" cy="204.8" r="25.6" fill="url(#s)" />
    <circle cx="391.897" cy="352" r="62.503" fill="url(#t)" />
    <circle cx="391.897" cy="352" r="49.703" fill="url(#u)" />
    <circle cx="391.897" cy="352" r="36.903" fill="url(#v)" />
    <path
        fill="url(#w)"
        d="M257.497 512c113.107 0 204.798-11.461 204.798-25.6H51.2c0 14.139 93.19 25.6 206.297 25.6z"
    />
</svg>