Add icons to this collection by clicking the heart icon.
Music icon - also known as interface, music, song, quaver, musical note, music player, and music and multimedia. 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="100"
height="100"
viewBox="0 0 480.005 480.005"
>
<linearGradient
id="a"
x1="-58.752"
x2="5.245"
y1="610.607"
y2="610.607"
gradientTransform="matrix(8 0 0 -8 455 4940.861)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M416 111.985c13.255 0 24-10.745 24-24V19.297a299.943 299.943 0 0 1 28.424 11.888 8.004 8.004 0 0 0 7.152-14.32A380.274 380.274 0 0 0 434.528.433 8 8 0 0 0 424 7.985v57.472a23.725 23.725 0 0 0-8-1.472c-13.255 0-24 10.745-24 24s10.745 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.752"
x2="5.245"
y1="564.61"
y2="564.61"
gradientTransform="matrix(8 0 0 -8 455 4940.861)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M24 479.985c13.255 0 24-10.745 24-24v-88H32v65.472a23.725 23.725 0 0 0-8-1.472c-13.255 0-24 10.745-24 24s10.745 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.752"
x2="5.245"
y1="587.61"
y2="587.61"
gradientTransform="matrix(8 0 0 -8 455 4940.861)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M144 351.985c26.499-.026 47.974-21.501 48-48v-120h96v72c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48v-176H144v128c-26.51 0-48 21.49-48 48s21.49 48 48 48zm0-80c2.15.002 4.294.219 6.4.648l9.6 1.936V143.985h160v160c.001 17.673-14.325 32.001-31.999 32.001-17.673.001-32.001-14.325-32.001-31.999s14.325-32.001 31.999-32.001c2.15 0 4.295.216 6.401.647l9.6 1.936V167.985H176v136c0 17.673-14.327 32-32 32s-32-14.327-32-32 14.327-32 32-32z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-58.752"
x2="5.245"
y1="574.61"
y2="574.61"
gradientTransform="matrix(8 0 0 -8 455 4940.861)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M144 383.985v-16c-35.33-.04-63.96-28.67-64-64H64c.049 44.162 35.837 79.951 80 80z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-58.752"
x2="5.248"
y1="602.61"
y2="602.61"
gradientTransform="matrix(8 0 0 -8 455 4940.861)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M360 143.985v8h16v-8c-.035-30.913-25.087-55.965-56-56h-8v16h8c22.08.026 39.974 17.919 40 40z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category