Circle Text Generator

Text that follows a circle is the basis of round logos, coffee-shop badges, stamps, stickers and seal designs. This generator places each letter along a circle and turns it to face outward, with the bottom text flipped so it still reads left to right. Add one or two ring lines and a centre star or word for a classic badge, then download a transparent PNG for immediate use or an SVG you can edit and scale. It runs entirely in your browser.

How to use this tool

1. Type the top text and, if you want a badge, a bottom text.
2. Choose top-and-bottom arcs or spread the top text around the whole circle.
3. Set the radius, font, size and letter spacing; rotate to move the text around.
4. Add ring lines, a centre star or centre text, and pick a colour and background.
5. Download the PNG or SVG, or copy the SVG code.

Formula

angle per letter = (letter width + spacing) ÷ r_mid · position = (C + r·sin θ, C − r·cos θ)

θ is measured clockwise from the top. r_mid is the middle of the text band, which runs from r to r + 0.9 × font size (or r − 0.9 × size to r for text inside). Top letters stand on the inner edge and turn by θ; bottom letters hang from the outer edge and turn by θ − 180° so they stay upright. In full-circle mode the leftover circumference is shared equally between letters.

Example

With radius 200 and 40 px text, the band is 200–236 px, so r_mid = 218 px. A 26 px wide letter plus 4 px spacing takes 30 ÷ 218 = 0.138 rad, about 7.9°, so a 20-letter top text covers roughly 158°. With both rings the image is 508 × 508 px: outer ring at 236 + 8.8 = 244.8 px plus a 1 px half-stroke and an 8 px margin on each side.