SVG Editor
Use SVG Editor, review the result, and keep the original until the output is checked.
SVG Editor
SVG Library
SVG Information
SVG Statistics
How to use SVG Editor
- Open an .svg file, or start from the sample markup already in the code editor and add a shape from the Shape Tools row (rectangle, circle, line, triangle, ellipse, polygon, path, text).
- Click an element in the preview to reveal Position Controls, then set X Position, Y Position, Width, Height, Fill Color, Stroke Color and Stroke Width and press Apply.
- Press Validate to check the markup is well-formed XML, and read the statistics panel for element, path and group counts.
- Export as SVG for the source, PNG for a bitmap, Base64 for an inline string or CSS for a background rule; Copy puts the markup on the clipboard.
What SVG Editor actually does to your file
Validate checks XML well-formedness only - it will not tell you that a shape sits outside the viewBox or that a fill references a gradient you deleted. The shape tools insert markup with fixed coordinates, so expect to move them with Position Controls rather than get them where you wanted on the first insert. Export writes a new file and leaves your original untouched.
SVG Editor FAQ
What does SVG Editor do?
Open a supported SVG file in your browser, make the available edits, review the vector output, and download the result.
Which files work with SVG Editor?
This category commonly supports SVG and exported PNG. Use the accepted file types shown in the uploader, because support varies by browser and by the engine behind each tool.
What can I change with this tool?
The controls on this page define the scope. Anything the format supports but the tool does not expose will be left as it came in.
Will my original file be changed?
No. The work is done on a copy in this tab by the browser's own SVG document model, and the result arrives as a separate download, so your original is still there if you need it.
How is my file processed?
It is not uploaded. The processing is done locally by the browser's own SVG document model, so the practical ceiling is your device's memory and the limit shown beside the uploader - no queue, no account, no copy on a server.
Is the SVG Editor free?
Yes. The SVG Editor is free with no trial limit, subscription, or watermark on downloads. You can use it for personal and commercial projects without creating an account.