Colon Sign Circle color filled icon
Two small circles stacked vertically inside a larger circle forming a colon
Related tags
About the Colon Sign Circle color filled icon
A large thin circle holds two small open circles stacked vertically in the middle, the shape of a colon punctuation mark. It reads as grammar, syntax and separation between two values. Use it in text editor toolbars, keyboard and character-picker layouts, typography or style-guide pages, coding tutorials, and time or ratio inputs where a separator needs its own control.
Both dots share one diameter and sit on the vertical center line with equal spacing above and below, so the mark stays balanced at any size. It pairs with semicolon, comma, period and question mark icons. Below 24 px the dots start to fill in, so prefer the outline at larger sizes.
This is the colour filled version of the colon sign 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.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
