JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="400" height="400">
    <circle id="a" cx="200" cy="200" r="100" />
    <circle id="b" cx="200" cy="200" r="110" />
    <circle id="c" cx="200" cy="200" r="105" />
</svg>

CSS

#a {
    fill: red;
}
#b {
    fill: none;
    stroke: green;
    stroke-width: 20px;
}
#c {
    fill: none;
    stroke: blue;
    stroke-width: 10px;
}