Online Music

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 52 52"
>
    <radialGradient
        id="b"
        cx="21.332"
        cy="21.4"
        r="12.074"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e9e7fc" />
        <stop offset=".533" stop-color="#e7e5fc" />
        <stop offset=".725" stop-color="#e0e0fa" />
        <stop offset=".862" stop-color="#d5d6f8" />
        <stop offset=".971" stop-color="#c4c8f5" />
        <stop offset="1" stop-color="#bec3f4" />
    </radialGradient>
    <radialGradient
        id="c"
        cx="-31.04"
        cy="95.825"
        r="9.351"
        gradientTransform="rotate(-22.18 -168.728 -47.928)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".533" stop-color="#e9e7fc" />
        <stop offset=".782" stop-color="#e7e5fc" />
        <stop offset=".872" stop-color="#e0e0fa" />
        <stop offset=".935" stop-color="#d5d6f8" />
        <stop offset=".987" stop-color="#c4c8f5" />
        <stop offset="1" stop-color="#bec3f4" />
    </radialGradient>
    <radialGradient
        id="d"
        cx="34.5"
        cy="23.083"
        r="7.54"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".659" stop-color="#e9e7fc" />
        <stop offset=".781" stop-color="#d8d9f9" />
        <stop offset="1" stop-color="#bec3f4" />
    </radialGradient>
    <radialGradient
        id="e"
        cx="39.19"
        cy="33.983"
        r="9.668"
        fx="36.934"
        fy="34.003"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".252" stop-color="#e9e7fc" />
        <stop offset=".651" stop-color="#e7e5fc" />
        <stop offset=".794" stop-color="#e0e0fa" />
        <stop offset=".896" stop-color="#d5d6f8" />
        <stop offset=".979" stop-color="#c4c8f5" />
        <stop offset="1" stop-color="#bec3f4" />
    </radialGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#4c5c75" stop-opacity="0" />
        <stop offset="1" stop-color="#1d2943" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="34.765"
        x2="23.975"
        y1="41.784"
        y2="32.643"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="16.186"
        x2="35.816"
        y1="34.188"
        y2="34.188"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fe90a9" />
        <stop offset="1" stop-color="#cc104a" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="30.444"
        x2="24.98"
        y1="39.863"
        y2="34.399"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="25.902"
        x2="27.453"
        y1="34.746"
        y2="37.316"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e3e7f0" />
        <stop offset="1" stop-color="#9ea9c9" />
    </linearGradient>
    <path
        fill="#e9e7fc"
        d="M41.7 23.6c.2-.6.3-1.2.3-1.8 0-3.7-3-6.7-6.7-6.7-1.1 0-2.2.3-3.2.8C30.5 11.3 26 8 20.8 8 14.1 8 8.7 13.4 8.7 20.1c0 1.3.2 2.5.6 3.7-4.1.9-7.2 4.6-7.2 9 0 5.1 4.1 9.3 9.3 9.3h29.5c5.1 0 9.3-4.2 9.3-9.3-.2-4.8-3.8-8.7-8.5-9.2z"
    />
    <path
        fill="url(#b)"
        d="M22.7 23.7h9.7c1.3-4.2.3-8.8-3-12.1-4.7-4.7-12.4-4.7-17.2 0-4.7 4.7-4.7 12.4 0 17.2 2.9 2.9 6.8 4 10.5 3.4z"
    />
    <circle cx="11.3" cy="32.8" r="9.3" fill="url(#c)" />
    <circle cx="35.3" cy="21.8" r="6.7" fill="url(#d)" />
    <circle cx="40.7" cy="32.8" r="9.3" fill="url(#e)" />
    <path
        fill="url(#f)"
        d="m46 40.4-12.1-12-15.1 12.5 1.3 1.2h20.6c2 0 3.8-.6 5.3-1.7z"
    />
    <circle cx="26" cy="34.2" r="9.8" fill="url(#g)" />
    <path
        fill="url(#h)"
        d="m35.4 37-3.7-3.7-9.7 6 4.8 4.7c4.1-.4 7.5-3.2 8.6-7z"
    />
    <path
        fill="url(#i)"
        d="m31 32.6-6.9-3.9c-1.2-.7-2.7.2-2.7 1.6V38c0 1.4 1.5 2.2 2.7 1.6l6.9-3.9c1.2-.6 1.2-2.4 0-3.1z"
    />
</svg>