You do not need Illustrator to edit an SVG. You need a browser, or Inkscape, or a text editor. The part nobody mentions is what the editor does to the markup when it saves.
TL;DR: open the file in a browser editor such as SVG Lab (svglab.app), click a shape to recolour it, double-click words to retype them. No install, no account to edit. Then diff the source before you ship it, because ids and element types can change.
The test file
A 636-byte badge: two <circle>s, one <path> (a leaf), two <text> lines, every element with an id.
Two edits
- Click the leaf, pick a pink swatch in Fill.
#f2c14ebecame#ef476f. - Double-click "Fresh Roast", type "Slow Roast". It stayed a
<text>element.
The diff that matters
<!-- before --> <path id="leaf" d="M200 95 C250 130 255 190 200 230 C145 190 150 130 200 95 Z" fill="#f2c14e"/> <text id="name" x="200" y="290" text-anchor="middle" font-family="Georgia, serif" font-size="40" fill="#ffffff">Fresh Roast</text> <!-- after, from SVG Lab's source panel --> <path d="M 200 95 C 250 130 255 190 200 230 C 145 190 150 130 200 95 Z" ... fill="#ef476f"/> <text x="94.609" y="260.363" font-family="Georgia, serif" font-size="40" ... fill="#ffffff"><tspan x="94.609" dy="0">Slow Roast</tspan></text> Besides my two edits, SVG Lab:
- turned both
<circle>s into<path>s that draw the same circles, - dropped every
id(leaf,name,tag), - swapped
text-anchor="middle"for computedxpositions, - added a background
<rect>for the artboard colour.
Visually identical. But if your CSS does #leaf { fill: var(--brand) } or a script grabs #name, it breaks. Desktop editors add their own markup too (Inkscape writes its namespace unless you save as plain SVG).
Which tool when
- Quick colour or text fix, any machine: SVG Lab in the browser. Editing is free with no account; downloading needs a free account, and Free includes 3 SVG, PNG or PDF exports a month.
- Code-level change: SVG Lab's
</>source panel (edit, Apply) or your own editor. - Long illustration or print work: Inkscape, free and open source, currently 1.4.4.
If the job is a new icon or screen rather than an edit, the SVG Lab MCP lets Claude, ChatGPT, Codex or Cursor draw it as vector shapes through SVG Lab's Design Engine.
Full walkthrough with FAQ: https://svglab.app/blog/how-to-open-and-edit-an-svg-without-illustrator






