JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="00 0 100 100">
      <path 
            d="M 100, 100
            m 75, 0
            a 75,75 0 1,0 -150,0"/>
    </svg>
</div>

CSS

svg, #container{
    height: 50%;
    width: 100%;
}

path {
    stroke: black;
    fill: none;
    stroke-width: 10;
    stroke-opacity: .5;
}