Letter Q in a circle
circle-letter-q, <CircleLetterQ />
The Q writes itself stroke by stroke while the ring breathes in.
1620243240
tsx
import { CircleLetterQ } from "kineticons";
// moves when the button is pointed at or focused
<button className="ki-trigger">
<CircleLetterQ />
Letter Q in a circle
</button>npm install kineticons. Works in Server Components; only the icons you import are bundled.