Music Note Circle color filled icon
Outline icon of two beamed music notes inside a circle
About the Music Note Circle color filled icon
A pair of eighth notes joined by a wide double beam sits centered inside a thin circular frame. The two oval note heads tilt slightly, one lower than the other, and the stems rise to meet the beam at the top. The enclosing circle turns it into a ready-made button, which fits music player controls, streaming app navigation, podcast and radio tiles, ringtone settings and event or concert listings.
The circle leaves generous padding around the notes so the mark stays legible when scaled down, and the beam thickness roughly matches the frame stroke. It sits well beside circled play, volume and microphone icons from the same set. For toolbars, render at 24 px and keep the surrounding circle rather than cropping to the notes alone.
This is the colour filled version of the music note 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.
Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.
Free for personal and commercial use with attribution.
