← All elements
<div class="pc-badge" role="img" aria-label="Handmade, small batch, since 2019">
<svg viewBox="0 0 120 120" aria-hidden="true">
<defs>
<path id="pc-badge-path" d="M60,60 m-44,0 a44,44 0 1,1 88,0 a44,44 0 1,1 -88,0"/>
</defs>
<text>
<textPath href="#pc-badge-path" textLength="270" lengthAdjust="spacing">HANDMADE • SMALL BATCH • SINCE 2019 •</textPath>
</text>
</svg>
<span class="pc-badge__core">★</span>
</div>About this animation
Text that runs around a circle on an SVG path and spins slowly around a centre badge. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.