Add icons to this collection by clicking the heart icon.
Music icon - also known as music, song, musical note, music player, lyric, business and finance, nft, and non fungible token. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="11.308"
        x2="46.589"
        y1="8.499"
        y2="69.608"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".196" stop-color="#34c1e2" />
        <stop offset=".86" stop-color="#ce5b8a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="8.706"
        x2="43.986"
        y1="6.314"
        y2="67.422"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="17.858"
        x2="57.504"
        y1="-10.195"
        y2="58.472"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="15.362"
        x2="55.83"
        y1="-5.318"
        y2="64.775"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="14.387"
        x2="55.022"
        y1="-5.827"
        y2="64.555"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-1.049"
        x2="39.586"
        y1="9.079"
        y2="79.46"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M42 45a1 1 0 0 0-1 1v3.42l-5.312 3.035A4.004 4.004 0 0 0 32 50c-2.206 0-4 1.794-4 4s1.794 4 4 4c1.995 0 3.639-1.472 3.938-3.384l6.558-3.748A1 1 0 0 0 43 50v-4a1 1 0 0 0-1-1zM32 56c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"
    />
    <path
        fill="url(#b)"
        d="M32 41c2.206 0 4-1.794 4-4s-1.794-4-4-4c-1.995 0-3.639 1.472-3.938 3.384l-6.558 3.748A1 1 0 0 0 21 41v4a1 1 0 1 0 2 0v-3.42l5.312-3.035A4.004 4.004 0 0 0 32 41zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2z"
    />
    <path
        fill="url(#c)"
        d="M13 23c0 3.309 3.14 6 7 6s7-2.691 7-6V10h16v7.064c-4.265-.545-8 2.344-8 5.936 0 3.309 3.14 6 7 6s7-2.691 7-6V1a1 1 0 0 0-1-1H22a1 1 0 0 0-1 1v16.064c-4.268-.545-8 2.344-8 5.936zm8.726-3.748A.998.998 0 0 0 23 18.29V2h24v21c0 2.206-2.243 4-5 4s-5-1.794-5-4 2.243-4 5-4c.56 0 1.14.085 1.726.252A.998.998 0 0 0 45 18.29V9a1 1 0 0 0-1-1H26a1 1 0 0 0-1 1v14c0 2.206-2.243 4-5 4s-5-1.794-5-4c0-2.654 3.255-4.736 6.726-3.748z"
    />
    <path
        fill="url(#d)"
        d="M54 0h-1a1 1 0 1 0 0 2h1c2.206 0 4 1.794 4 4v30h-6a1 1 0 1 0 0 2h6v3c0 2.206-1.794 4-4 4h-5v-8a1 1 0 0 0-.51-.871l-16-9a.995.995 0 0 0-.98 0l-16 9A1 1 0 0 0 15 37v8h-5c-2.206 0-4-1.794-4-4v-3h6a1 1 0 1 0 0-2H6V6c0-2.206 1.794-4 4-4h7a1 1 0 1 0 0-2h-7C6.691 0 4 2.691 4 6v35c0 3.309 2.691 6 6 6h5v7a1 1 0 0 0 .51.871l16 9a.994.994 0 0 0 .98 0l16-9A1 1 0 0 0 49 54v-7h5c3.309 0 6-2.691 6-6V6c0-3.309-2.691-6-6-6zm-7 53.415-15 8.438-15-8.438v-15.83l15-8.438 15 8.438z"
    />
    <circle cx="42" cy="42" r="1" fill="url(#e)" />
    <circle cx="22" cy="49" r="1" fill="url(#f)" />
</svg>
More icons in the same style and category