CodePen Embed - svg with viewbox

<svg class="d-none definearea">
  <symbol viewBox="0 0 20 20" id="circle">
    <circle cx="10" cy="10" r="10"/>
  </symbol>
</svg>
<svg style="width: 120px; height: 120px;">
  <use xlink:href="#circle"/> 
</svg>
<svg style="width: 30px; height: 30px;">
  <use xlink:href="#circle"/> 
</svg>

.definearea{
  width: 20px;
  height: 20px;
}
.d-none{
  display: none;
}

This Pen is owned by deathhell on CodePen.

See more by @deathhell on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.