JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="300" height="300">
    <clipPath id="c1" clipPathUnits="objectBoundingBox">
        <circle cx="0.5" cy="0.5" r="0.5"/>
    </clipPath>
    <rect x="0" y="0" width="200" height="200" clip-path="url(#c1)"/>
</svg>