Colon Sign Circle color outline icon
Two small circles stacked vertically inside a larger circle forming a colon
Related tags
About the Colon Sign Circle color outline 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 outline version of the colon sign circle icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
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.
