<svg viewbox="0 0 100 100">
<circle cx="24" cy="24" r="20"/>
</svg>
<svg viewbox="0 0 200 200">
<circle cx="24" cy="24" r="20"/>
</svg>
<svg viewbox="0 0 400 400">
<circle cx="24" cy="24" r="20"/>
</svg>
svg{
width: 200px;
height: 200px;
background: #ccc;
}
circle{
fill: red;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.