How to draw a circle with svg
<svg>
<circle cx="70" cy="70" r="70" fill="#383838" stroke="none"/>
</svg>
And looks like this:
That's one circle, how about two?
<div style='padding:30px;background-color:#111;'>
<svg width="406" height="406" xmlns="http://www.w3.org/2000/svg" style='background-color:#111'>
<g transform="scale(1 1)">
<circle cx="203" cy="203" r="203" fill="#383838" stroke="none"/>
</g>
</svg>
</div>
<div style='padding:30px;background-color:#111;'>
<svg width="406" height="406" xmlns="http://www.w3.org/2000/svg" style='background-color:#111'>
<g transform="scale(1 1)">
<circle cx="203" cy="203" r="203" fill="#383838" stroke="none"/>
</g>
</svg>
</div>