JSFiddle - React, Tailwind, and code Playground

by johnwun

HTML

<svg id="map" viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="20" fill="lime"/>
</svg>

<svg id="bar" viewBox="0 0 100 100"> 
    <g  transform="scale(0.5)">
        <use xlink:href="#map" />
    </g>
</svg>

CSS

svg { width: 100px; height: 100px; }