Music Notes Circle color filled icon
Circular outline button containing two groups of beamed music notes
About the Music Notes Circle color filled icon
A pair of beamed notes sits beside a smaller two-note group, both enclosed by a plain circular frame that turns the mark into a ready-made button. It reads instantly as music, sound and playback. Drop it into media player controls, playlist headers, radio and podcast apps, concert and event listings, and entertainment sections of a website or presentation.
The circle is drawn with an even hairline stroke so the notes stay the focus, and the two note groups sit on a diagonal that keeps the composition lively. It pairs well with headphone, speaker and microphone icons. Because of the outer ring, render it at 40 px or more so the note stems stay open.
This is the colour filled version of the music notes circle icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.





















