<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.