Circle color outline icon
Ring formed by two concentric circle outlines
Related tags
About the Circle color outline icon
This icon shows a simple ring: two concentric circle outlines drawn close together so they read as a single thick band rather than one thin line. It represents geometric shape, wholeness, cycles or a badge outline. Use it as a decorative UI element, a button or avatar frame, a loading or progress indicator base, or a bullet marker.
The narrow gap between the two circles gives the shape visible thickness and weight without filling it solid, keeping it light for overlay use. It works well layered behind icons, text or avatars as a frame, and pairs with square and triangle shape icons in a basic-shapes set. Scale it up for use as a background badge.
This is the colour outline version of the 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.
