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>