Add icons to this collection by clicking the heart icon.
Music icon - also known as interface, music, song, quaver, musical note, music player, and kid a. 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff57e" />
<stop offset="1" stop-color="#efc400" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="62.156"
x2="389.558"
y1="283.057"
y2="283.057"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff95d1" />
<stop offset="1" stop-color="#e5007b" />
</linearGradient>
<path
d="M162.978 127.608v186.245c-14.782-5.258-33.164-5.029-51.014 1.929-33.343 12.996-52.19 44.528-42.095 70.427 10.095 25.9 45.308 36.36 78.651 23.363 29.091-11.339 47.141-36.785 44.569-60.292V177.698l186.041-36.014v137.519c-14.824-5.35-33.312-5.162-51.263 1.835-33.343 12.996-52.19 44.528-42.095 70.427 10.095 25.9 45.308 36.359 78.651 23.363 29.001-11.304 47.024-36.627 44.587-60.072h.231V79.938l-246.263 47.67z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="127.895"
x2="362.055"
y1="169.223"
y2="169.223"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#48e9e8" />
<stop offset="1" stop-color="#009eb5" />
</linearGradient>
<path
d="M149.256 337.998c-14.785-.015-19.015 11.995-19.015 11.995s-4.228-12.01-19.013-11.995c-12.648.013-32.461 28.485 19.013 56.984v.001h.002v-.001c51.474-28.5 31.662-56.972 19.013-56.984z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="127.895"
x2="362.055"
y1="202.474"
y2="202.474"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#48e9e8" />
<stop offset="1" stop-color="#009eb5" />
</linearGradient>
<path
d="M365.159 303.254c-14.785-.015-19.015 11.995-19.015 11.995s-4.228-12.01-19.013-11.995c-12.648.013-32.461 28.484 19.013 56.984v.001l.001-.001.001.001v-.001c51.475-28.5 31.662-56.972 19.013-56.984z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category