Text to SVG Path Converter

Turn any text into vector outlines

This converter takes a font file and a piece of text and produces an SVG in which every letter is a vector path. The result no longer depends on the font being installed, so it looks exactly the same on every device and in every program. That makes outlined text ideal for logos, icons, social media graphics, stickers and email signatures, and for machines that only understand shapes, such as laser cutters, vinyl plotters, CNC routers and embroidery software.

The layout options work like a small text engine. Set the font size in pixels, add or tighten letter spacing in thousandths of an em, choose the line height for multi-line text and align lines to the left, center or right. Kerning pairs from the font are applied automatically. The fill color is written into the SVG, and you can reduce the number of decimal places to make the file smaller, which is handy when the path data goes straight into HTML, CSS or a React component.

How the SVG is built

The font is parsed with opentype.js in your browser, and each line of text is converted into drawing commands — moves, lines and quadratic or cubic Bézier curves — that map directly to SVG path syntax. The tool calculates a tight bounding box around the glyphs, adds a little padding and sets the viewBox, so the SVG scales cleanly without extra whitespace. By default each line becomes its own path element; tick “Merge into a single path” if you want one compound shape. The preview is the actual SVG file shown as an image, so what you see is exactly what you download.

Nothing is uploaded: the font and your text stay on your device. Converting text to outlines does count as using the font, though, so make sure its license covers the graphics or products you create. Most open-source fonts allow this, and many commercial desktop licenses do as well.