How do I convert SVG text to a path?

Click Text to path. Each node is replaced with an outlined path so the glyph no longer needs the font file.

Will my custom font match the outline exactly?

The sample uses a built-in letter outline. For production fonts, export outlines from the design tool, then paste here to clean.

No. Text-to-path outlines glyphs. Stroke-to-path outlines a stroke.

Yes. Merge or Create Compound Path after the letters are paths.

FAQ

Quick answers

How do I convert SVG text to a path?: Click Text to path. Each <text> node is replaced with an outlined path so the glyph no longer needs the font file.
Will my custom font match the outline exactly?: The sample uses a built-in letter outline. For production fonts, export outlines from the design tool, then paste here to clean.
Is text-to-path the same as stroke-to-path?: No. Text-to-path outlines glyphs. Stroke-to-path outlines a stroke.
Can I merge letter paths after conversion?: Yes. Merge or Create Compound Path after the letters are paths.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B