JSFiddle - React, Tailwind, and code Playground

by lucaslazaro

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <path id="textPath"  d="
        M 100, 100
        m -75, 0
        a 75,75 0 1,0 150,0
        a 75,75 0 1,0 -150,0
        "/>
    </defs>
    <text fill="gray">
        <textPath xlink:href="#textPath">TEST TEST TEST TEST TEST TEST TEST</textPath>
    </text>
</svg>

CSS

svg {
  overflow: visible;
}