Back to Explorer
16 - 512
0.5 - 4.0
Save to
imageoutline
md circle
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdCircleIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g></g><g><path d="M12,2C6.47,2,2,6.47,2,12c0,5.53,4.47,10,10,10s10-4.47,10-10C22,6.47,17.53,2,12,2z M12,20c-4.42,0-8-3.58-8-8 c0-4.42,3.58-8,8-8s8,3.58,8,8C20,16.42,16.42,20,12,20z"/></g>
</svg>
);SVG Optimizer
Before
0.37 KB
↓
After
0.37 KB
Tags
activeanglebulletbuttoncirclecircularcompletediscdotemptyeyefishfocusfullgeometrygraphicimageindicatorlensmarkmoonorboutlinepanoramaphotophotographypicturepointprogressradiorecordroundselectshapesolidspherestatusstoptargetwholewide
Compare Alternatives
See how other libraries approach this concept.