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 511.997 511.997"
>
<linearGradient
id="a"
x1="-40.281"
x2="21.832"
y1="613.69"
y2="613.69"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.046 5431.94)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M115.231 238.994a8.534 8.534 0 0 0 8.531-8.531c0-14.136 11.458-25.594 25.594-25.594 4.709 0 8.531-3.822 8.531-8.531s-3.822-8.531-8.531-8.531c-14.136 0-25.594-11.458-25.594-25.594a8.534 8.534 0 0 0-8.531-8.531 8.534 8.534 0 0 0-8.531 8.531c0 14.136-11.458 25.594-25.594 25.594-4.709 0-8.531 3.822-8.531 8.531s3.822 8.531 8.531 8.531c14.136 0 25.594 11.458 25.594 25.594a8.534 8.534 0 0 0 8.531 8.531zm-8.531-42.656a42.57 42.57 0 0 0 8.531-8.531 42.57 42.57 0 0 0 8.531 8.531 42.57 42.57 0 0 0-8.531 8.531 42.492 42.492 0 0 0-8.531-8.531z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-40.281"
x2="21.832"
y1="623.69"
y2="623.69"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.046 5431.94)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M38.449 102.493a8.534 8.534 0 0 0-8.531 8.531 8.534 8.534 0 0 0 8.531 8.531c14.136 0 25.594 11.458 25.594 25.594a8.534 8.534 0 0 0 8.531 8.531 8.534 8.534 0 0 0 8.531-8.531c0-14.136 11.458-25.594 25.594-25.594a8.534 8.534 0 0 0 8.531-8.531 8.534 8.534 0 0 0-8.531-8.531c-14.136 0-25.594-11.458-25.594-25.594a8.534 8.534 0 0 0-8.531-8.531 8.534 8.534 0 0 0-8.531 8.531c0 14.136-11.457 25.594-25.594 25.594zm42.657 8.531a42.57 42.57 0 0 0-8.531 8.531 42.57 42.57 0 0 0-8.531-8.531 42.57 42.57 0 0 0 8.531-8.531 42.57 42.57 0 0 0 8.531 8.531z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-40.281"
x2="21.832"
y1="606.697"
y2="606.697"
gradientTransform="matrix(8.5313 0 0 -8.5313 369.046 5431.94)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M479.008 2.079a8.539 8.539 0 0 0-6.996-1.962L199.009 51.305a8.533 8.533 0 0 0-6.996 8.531v303.119a75.07 75.07 0 0 0-25.594-4.522c-42.409 0-76.782 34.373-76.782 76.782s34.373 76.782 76.782 76.782 76.782-34.373 76.782-76.782v-272.32l187.69-34.808v166.617a75.07 75.07 0 0 0-25.594-4.522c-42.409 0-76.782 34.373-76.782 76.782s34.373 76.782 76.782 76.782 76.782-34.373 76.782-76.782V8.648a8.548 8.548 0 0 0-3.071-6.569zM209.076 66.917l255.94-47.946v85.313l-255.94 47.605V66.917zM166.42 494.935c-32.982 0-59.719-26.737-59.719-59.719s26.737-59.719 59.719-59.719 59.719 26.737 59.719 59.719-26.737 59.719-59.719 59.719zm59.719-107.837a76.935 76.935 0 0 0-17.063-15.698V169.293l17.063-3.242v221.047zm179.158 39.586c-32.982 0-59.719-26.737-59.719-59.719s26.737-59.719 59.719-59.719 59.719 26.737 59.719 59.719c.001 32.982-26.737 59.719-59.719 59.719zm42.657-123.534V124.504l17.063-3.242v197.586a76.72 76.72 0 0 0-17.063-15.698z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category