Curved Text Generator
Lay a number string out along an arc - arch, bowl or full circle - and export ready-to-use SVG. Dots, hyphens, colons and spaces are supported, so times and dates work too.
Arc shape:
Radius:
Sweep (deg):
Font size:
Colour:
Rotation:
Preview
—
Statistics Result
Download CSV
| No. | Character | Angle | Coordinates |
|---|
Introduction to the tool and how to use it
Setting a string of digits on a curve is one of the most common layout tricks for posters, badges, stamps and seals. This generator places your numbers (dots, hyphens, colons and spaces work too, so times and dates are easy) one by one along a circular arc, and outputs standard SVG code that you can copy straight into a web page or a design tool.
Three arc directions:
· Arch - the digits rise over the top like a rainbow, high in the middle and low at the ends; the classic arched lettering;
· Bowl - the digits cradle underneath, low in the middle and high at the ends;
· Full circle - the digits close the loop all the way round, ideal for the outer ring of a badge.
Adjustable settings:
· Radius - how sharply the arc bends; a smaller radius bends more;
· Sweep - how far the arc spans (30° to 330°); larger values approach a full circle;
· Font size - the size of each character;
· Colour - #RGB, #RRGGBB or #RRGGBBAA hex values, plus common colour names;
· Character rotation - with Rotate each glyph tilts along the tangent for the classic curved-text look, while Upright keeps every glyph facing the reader.
Steps:
1. Type the content to lay out in the box on the left (the default 2026 09 30 is ready to try);
2. Pick the arc direction and adjust radius, sweep, font size and colour;
3. Click Run: the result previews live above, the SVG code is printed on the right (copy it or export it as .svg / .txt), and the table below lists the angle and coordinates of every character.
Note: the table angles are measured with 0° pointing right from the circle centre and increasing clockwise, and coordinates use the centre as origin with y pointing down, matching the SVG coordinate system. Characters are spaced evenly along the arc; if you are warned that the radius is too small, simply increase the radius to keep them from overlapping.
Three arc directions:
· Arch - the digits rise over the top like a rainbow, high in the middle and low at the ends; the classic arched lettering;
· Bowl - the digits cradle underneath, low in the middle and high at the ends;
· Full circle - the digits close the loop all the way round, ideal for the outer ring of a badge.
Adjustable settings:
· Radius - how sharply the arc bends; a smaller radius bends more;
· Sweep - how far the arc spans (30° to 330°); larger values approach a full circle;
· Font size - the size of each character;
· Colour - #RGB, #RRGGBB or #RRGGBBAA hex values, plus common colour names;
· Character rotation - with Rotate each glyph tilts along the tangent for the classic curved-text look, while Upright keeps every glyph facing the reader.
Steps:
1. Type the content to lay out in the box on the left (the default 2026 09 30 is ready to try);
2. Pick the arc direction and adjust radius, sweep, font size and colour;
3. Click Run: the result previews live above, the SVG code is printed on the right (copy it or export it as .svg / .txt), and the table below lists the angle and coordinates of every character.
Note: the table angles are measured with 0° pointing right from the circle centre and increasing clockwise, and coordinates use the centre as origin with y pointing down, matching the SVG coordinate system. Characters are spaced evenly along the arc; if you are warned that the radius is too small, simply increase the radius to keep them from overlapping.
Message board
All messages →-
No one has spoken up yet — want to go first?