JSFiddle - React, Tailwind, and code Playground
HTML
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5pt' height='13pt'>
<ellipse cx="2.5pt" cy="6.5pt" rx="2.5pt" ry="6.5pt" fill="red" />
</svg>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1'
width='20pt' height='52pt' viewBox="0 0 6.67 17.33">
<ellipse cx="2.5pt" cy="6.5pt" rx="2.5pt" ry="6.5pt" fill="green" />
</svg>