SVGrove

circle icon — free SVG

Download the free circle icon as SVG or PNG, copy the circle SVG code, or drop it into React as JSX — 4 matching styles, no attribution required.

circle (noun, verb) — ellipse in which the two axes are of equal length; a plane curve generated by one point moving at a constant distance from a fixed point

circle icon — outline style, free SVGoutline
circle icon — filled style, free SVGfilled
circle icon — duotone style, free SVGduotone
circle icon — rounded style, free SVGrounded

How to use the circle icon

HTML: paste the SVG inline (it inherits currentColor) or hotlink it:

<img src="https://svgrove.com/api/icons/01KZ6GHWPTTV6HEFQABFE9NBVA.svg" alt="circle icon" width="24" height="24">

React (JSX):

<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8"/></svg>

Accessibility: decorative use → aria-hidden="true"; meaningful use → role="img" aria-label="circle".

Download circle SVG & PNG

circle.svg · circle.png (512px) — all 4 styles are one click away in the picker once the page loads.

License

Free for personal and commercial use. No attribution required. Redistribution or resale of the icons as an icon library, pack or download service is not allowed. Read the SVGrove Free License.

Related icons

set

More in Shapes & Geometry

turnsectorsquaredropdiskdotangleroulettecurvearch