<div class="hide">
  <svg id="circle" width="100" height="100">
   <circle cx="50" cy="50" r="40" stroke="curentColor" stroke-width="4" fill="curentColor" />
   Sorry, your browser does not support inline SVG.
</svg> 
</div>

<svg width="100" height="100"><use xlink:href="#circle" stroke="blue" fill="lightblue"></svg>
<svg width="100" height="100"><use xlink:href="#circle" stroke="deeppink" fill="lightpink"></svg>
<svg width="100" height="100"><use xlink:href="#circle" stroke="green" fill="lightgreen"></svg>

.hide {
  display: none;
}