Add text to an SVG file online

How to add text to an SVG file

1. Open the editor. Go to rayzia.com and open the editor at /vector/. Nothing to download and no account needed to start. It runs in any browser on Windows, Mac, Linux, ChromeOS or a tablet.
2. Drag in your SVG. Drop the file onto the canvas, or use File then Open. Rayzia reads it as native SVG, so every part of the artwork arrives as its own editable object rather than a locked image. Any text already in the file arrives as text you can retype.
3. Pick the Text tool and type. Press T, or click the Text tool in the rail, then click on the canvas where the caption should start. A caret appears; type. When you want to move the text rather than edit its characters, switch to the Select tool with V.
4. Style it. The option bar carries a font family combo, a font upload button, a style combo, font size in points (default 16, with presets from 4 up to 144), line height, alignment, letter spacing and word spacing. Load any Google font or one of your own, and give the text a fill colour that sits well on the artwork. For a curved caption, use Type on a Path and click a path; the text runs along it, and it can be flipped and slid.
5. Export. Choose File ▸ Export and pick SVG to get a tidy vector file back, or PNG if you need a raster copy. PNG keeps transparency. Both exports are free, and the editor has been auto-saving as you worked.

A real text tool, not a form field

A typical quick web tool for this job gives you one input box and a short list of system fonts. Rayzia gives you the text engine of a full vector editor. Every text object is a real SVG text element in the document, not a picture of text, so you can retype it and restyle it at any point, and every step is one undo away.

There are five ways to set type. Type Tool is the click-and-type default. Area Type flows paragraphs inside any shape. Type on a Path makes text follow any curve. Vertical Type sets top-to-bottom columns, useful for CJK and posters, and Touch Type lets you nudge and rotate single characters by hand.

Fonts are not a fixed menu. The family list loads any Google font on demand, and the upload button accepts .ttf, .otf, .woff, .woff2 and .ttc files, several at a time. Uploaded fonts are saved to your device, so they survive a reload; on Pro they also mirror to the cloud.

Your text stays editable

Export SVG and your caption goes out as a real text element, so when the file is reopened the words can still be selected and retyped. Paths stay as paths too; the file you open is the file you edit, and the exported SVG carries only your artwork rather than a pile of leftover cruft.

One caveat on fonts: a plain SVG export does not carry the font with it, so a machine without that family will substitute another. If exact letterforms matter, also save the lossless native .rzv file, which embeds the fonts you actually used, or convert the text to outlines before you ship it. Google fonts you picked are re-fetched when your session restores.

Adding text to SVGs: common questions