<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 500">
<defs>
<path d="M50,250c0-110.5,89.5-200,200-200s200,89.5,200,200s-89.5,200-200,200S50,360.5,50,250" id="textcircle">
<animateTransform
attributeName="transform"
begin="0s"
dur="20s"
type="rotate"
from="0 250 250"
to="360 250 250"
repeatCount="indefinite"
/>
</path>
</defs>
<text dy="0" textLength="1220">
<textPath xlink:href="#textcircle"><?php echo get_sub_field('libelle_cercle'); ?> •</textPath>
</text>
</svg>
svg {
width: 280px;
height:280px;
}
svg textPath {
font-size: 60px;
text-transform: uppercase;
letter-spacing: 0px;
fill: #000000;
font-weight: bold;
}
Exemple :
https://www.oconception.fr/