How to edit text in an SVG

Check whether the text is still text

Open the SVG in a text editor or a code view and search for <text. If the words appear inside <text> or <tspan> elements, they are editable:

<text x="20" y="40" font-family="Inter, sans-serif" font-size="24" fill="#111">
  Hello world
</text>

If there's no <text> element and the letters are <path>s, the text was outlined when the file was exported. It then renders identically everywhere, but the words can only be changed by redrawing them.

Edit it visually

• Open the SVG in the Splice editor (drop the file or paste its code).
• Double-click the text on the canvas — or select it and press Enter — and type. On a phone, double-tap it and tap Done.
• Change the font, size and weight in the Typography section of the properties panel, and the color under Fill.
• Save or export the file.

Font, size, spacing and alignment set on a surrounding group are kept, so the edited text still matches the rest of the design.

Edit it in the code

Change the words between the tags, and the typography through attributes (or a style) on the <text> element:

• font-family, font-size, font-weight and fill for the look
• x and y for the position of the text's anchor point
• text-anchor="middle" to centre it on x instead of starting at x
• letter-spacing for tracking

Multi-line text is written as one <tspan> per line with its own x and a dy offset.

Fonts: why text can look different elsewhere

An SVG only names its font. If the viewer doesn't have that font, a fallback is used and the text reflows. Use common fonts, give a fallback list ("Inter, Arial, sans-serif"), or convert the text to paths as a final step once the wording is settled.