SVG Viewer & Editor online
The SVG Viewer and editor tool online, open or paste your SVG image down below and start editing.
Paste or write SVG code on one side and watch it render live on the other, so you can tweak paths, colors, or dimensions and see the result immediately. It's meant for quick edits to an icon or illustration you already have, without opening a full design application.
Editing SVG code like this updates the preview instantly:
<svg width="40" height="40"><rect width="40" height="40" fill="steelblue"/></svg>
→
A live-rendered blue square, updating as you edit the code
Do I need design software to use this?
No. You edit the SVG's underlying XML code directly and see the rendered result right away, without any separate application.
Can I paste in an existing SVG file to edit it?
Yes, paste the SVG markup from an existing file and the preview updates to show it, ready for you to adjust.
Does the preview update as I type?
Yes, the rendered preview refreshes live as you edit the code, so you see the effect of each change right away.
Can I export my edited SVG when done?
Yes, once you're happy with the result you can copy the SVG code straight out of the editor.