Add icons to this collection by clicking the heart icon.
Music icon - also known as cd, music, song, love, disc, dvd, compact disc, music player, bluray, music and multimedia, and love and romance. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ee2a7b" />
<stop offset="1" stop-color="#662d91" />
</linearGradient>
<linearGradient
id="b"
x1="44.846"
x2="88.846"
y1="497.135"
y2="-14.865"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="7.621"
x2="51.621"
y1="493.936"
y2="-18.064"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="24.68"
x2="68.68"
y1="495.402"
y2="-16.598"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="27.879"
x2="71.879"
y1="495.677"
y2="-16.323"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="368.567"
x2="412.567"
y1="524.955"
y2="12.955"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="331.342"
x2="375.342"
y1="521.756"
y2="9.756"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="348.401"
x2="392.401"
y1="523.222"
y2="11.222"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="351.6"
x2="395.6"
y1="523.497"
y2="11.497"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="249.476"
x2="293.476"
y1="514.721"
y2="2.721"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="54.033"
x2="98.033"
y1="497.925"
y2="-14.075"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="281.771"
x2="325.771"
y1="517.496"
y2="5.496"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="291.903"
x2="335.903"
y1="518.367"
y2="6.367"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="237.365"
x2="281.365"
y1="513.68"
y2="1.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="200.842"
x2="244.842"
y1="510.541"
y2="-1.459"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="254.752"
x2="298.752"
y1="515.174"
y2="3.174"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="308.788"
x2="352.788"
y1="519.818"
y2="7.818"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="326.175"
x2="370.175"
y1="521.312"
y2="9.312"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="56.738"
x2="100.738"
y1="498.157"
y2="-13.843"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="87.914"
x2="131.914"
y1="500.836"
y2="-11.164"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M52.5 313.3h15v15h-15z" />
<path fill="url(#c)" d="M15 313.3h15v15H15z" />
<path fill="url(#d)" d="M33.8 294.5h15v15h-15z" />
<path fill="url(#e)" d="M33.8 332h15v15h-15z" />
<path fill="url(#f)" d="M400.5 58.6h15v15h-15z" />
<path fill="url(#g)" d="M363 58.6h15v15h-15z" />
<path fill="url(#h)" d="M381.8 39.8h15v15h-15z" />
<path fill="url(#i)" d="M381.8 77.3h15v15h-15z" />
<path
fill="url(#j)"
d="M296.5 121.4c15.2 0 27.5-12.3 27.5-27.5 0-12.9-8.9-23.7-20.8-26.7-3-11.9-13.8-20.8-26.7-20.8-15.2 0-27.5 12.3-27.5 27.5v47.5zm-20-60c6.9 0 12.5 5.6 12.5 12.5v7.5h7.5c6.9 0 12.5 5.6 12.5 12.5s-5.6 12.5-12.5 12.5H264V73.9c0-6.9 5.6-12.5 12.5-12.5z"
/>
<path
fill="url(#k)"
d="M72.9 364.3c-17.7 0-32.6 12.8-35.8 29.6-16.8 3.2-29.6 18-29.6 35.8 0 20.1 16.3 36.4 36.4 36.4h65.4v-65.4c0-20-16.4-36.4-36.4-36.4zm21.4 86.8H43.9c-11.8 0-21.4-9.6-21.4-21.4s9.6-21.4 21.4-21.4h7.5v-7.5c0-11.8 9.6-21.4 21.4-21.4s21.4 9.6 21.4 21.4z"
/>
<path
fill="url(#l)"
d="M341.1 280.8c-23.5-23.5-61.8-23.5-85.3 0-11.4 11.4-17.6 26.5-17.6 42.6s6.3 31.3 17.6 42.6c11.4 11.4 26.5 17.6 42.6 17.6s31.3-6.3 42.6-17.6c23.6-23.5 23.6-61.7.1-85.2zm-10.6 74.6c-8.5 8.5-19.9 13.2-32 13.2s-23.5-4.7-32-13.2-13.2-19.9-13.2-32 4.7-23.5 13.2-32 19.9-13.2 32-13.2 23.5 4.7 32 13.2c17.6 17.6 17.6 46.4 0 64z"
/>
<path
fill="url(#m)"
d="M434.7 99.7v69.8h27.4v73.1l-38.3 38.3h-17.4c-5.8-14.8-14.5-28.1-25.9-39.5-5.2-5.2-10.9-9.9-17-14.1l-8.4 12.4c5.3 3.6 10.3 7.7 14.8 12.2 8.5 8.5 15.3 18.2 20.2 28.9h-10.6v54.9h19.2c-2.7 22.3-12.8 43.1-28.8 59.1-5.3 5.3-11.2 10-17.5 14l8 12.7c7.2-4.6 14-10 20.1-16.1 18.9-18.9 30.5-43.4 33.3-69.7h20.6v-44.3l14-14c4.5 14.5 6.9 29.9 6.9 45.9 0 86.5-70.4 156.8-156.8 156.8-86.5 0-156.8-70.4-156.8-156.8 0-86.5 70.4-156.8 156.8-156.8 59.1 0 110.6 32.8 137.3 81.2l11-11c-29.9-50.9-85.2-85.2-148.3-85.2-94.8 0-171.8 77.1-171.8 171.8 0 94.8 77.1 171.8 171.8 171.8 94.8 0 171.8-77.1 171.8-171.8 0-20.3-3.5-39.7-10-57.8l16.8-16.8v-79.3h27.4V99.7zm-15.2 221.1h-24.9v-24.9h24.9zm70-166.3h-39.8v-39.8h39.8z"
/>
<path
fill="url(#n)"
d="m272.4 225.7-3.8-14.5c-5.5 1.4-10.9 3.3-16 5.5l5.9 13.8c4.5-1.9 9.1-3.5 13.9-4.8z"
/>
<path
fill="url(#o)"
d="m241.8 239.7-8.4-12.4c-6.1 4.1-11.8 8.8-17 14.1-45.3 45.3-45.3 118.9 0 164.1 6.1 6.1 12.9 11.5 20.1 16.1l8-12.7c-6.3-4-12.2-8.7-17.5-14-19.1-19.1-29.6-44.5-29.6-71.5s10.5-52.4 29.6-71.5c4.5-4.5 9.5-8.6 14.8-12.2z"
/>
<path
fill="url(#p)"
d="m268.6 435.6 3.8-14.5c-4.8-1.3-9.4-2.9-14-4.8l-5.9 13.8c5.2 2.2 10.6 4 16.1 5.5z"
/>
<path
fill="url(#q)"
d="M324.5 225.7c4.8 1.3 9.5 2.9 14 4.8l5.9-13.8c-5.2-2.2-10.6-4.1-16-5.5z"
/>
<path
fill="url(#r)"
d="m324.5 421.1 3.8 14.5c5.5-1.4 10.9-3.3 16-5.5l-5.9-13.8c-4.5 1.9-9.2 3.5-13.9 4.8z"
/>
<path
fill="url(#s)"
d="M78.3 277.2c16.5 0 30-13.5 30-30v-74H83v15h10.3v33.1c-4.4-2.6-9.5-4-15-4-16.5 0-30 13.5-30 30 0 16.4 13.4 29.9 30 29.9zm0-45c8.3 0 15 6.7 15 15s-6.7 15-15 15-15-6.7-15-15 6.7-15 15-15z"
/>
<path
fill="url(#t)"
d="M96.1 83.9c-5.5 0-10.6 1.5-15 4V53l54.2-16.1v56.5c0 13.5 11 24.4 24.4 24.4 13.5 0 24.4-11 24.4-24.4S173.1 69 159.7 69c-3.3 0-6.5.7-9.4 1.9v-54L66.1 41.8v72.1c0 16.5 13.5 30 30 30s30-13.5 30-30-13.5-30-30-30zm63.6 0c5.2 0 9.4 4.2 9.4 9.4s-4.2 9.4-9.4 9.4-9.4-4.2-9.4-9.4 4.3-9.4 9.4-9.4zm-63.6 45c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z"
/>
</svg>
More icons in the same style and category