Edit SVG Files Online
Open an SVG and edit it visually — add shapes and text, adjust positions, sizes, fills and strokes, and reorder elements with a live preview. Everything runs locally in your browser, completely free.
Powerful SVG Editing, Right in Your Browser
Visual element list
Every shape, path and text node in the file is listed by tag with a live summary, so you can see at a glance what the drawing contains and pick exactly what to change.
Shapes & geometry
Add rectangles, circles, ellipses, lines, polygons and paths in one click, then edit their coordinates and dimensions in a dedicated property panel.
Text editing
Add text labels and edit their content directly, with control over position and font size so captions and callouts fit the drawing.
Full styling control
Change fill and stroke colors with a color picker, adjust stroke width and opacity, and remove or override any attribute per element.
Pannable, zoomable preview
Drag to pan and scroll to zoom the live preview, with fit / zoom in / zoom out controls that keep the drawing crisp at any scale.
Private by design
SVGs are edited entirely in your browser and rendered in a sandboxed iframe, so embedded scripts can never run and your files never leave your device.
What Is This SVG Editor?
This tool is a lightweight, browser-based editor for SVG — the open vector graphics format used everywhere from icons and logos to technical drawings and data visualizations. Instead of hand-editing XML tags in a text editor, you select elements on a live canvas and adjust them with simple controls: move or resize a shape, pick a fill or stroke color, type new text, reorder or duplicate elements, and resize the canvas itself. Because the whole document stays in your browser, nothing is uploaded and the tool works even on sensitive files. The output is a valid SVG you can use anywhere SVG is accepted.
How to Use the SVG Editor
Editing an SVG takes just three steps — the tool opens files automatically and every change is reflected live.
Drop your SVG
Drag and drop one or more .svg files onto the upload area (or click to browse). Each file opens automatically with its own live preview and a list of its elements.
Select and edit
Click any element in the list to select it, then adjust its position, size, colors, stroke and opacity in the Properties panel. Use the toolbar to add new shapes or text, and duplicate, reorder or delete selected elements.
Download your work
Download each edited SVG individually, or package every file into a single ZIP. Downloads stay fully local — the edited document is generated in your browser, never sent to a server.
Things to Keep in Mind
Until you make your first edit, downloading returns the exact original bytes of your file — nothing is rewritten up front. The first edit re-serializes the document, so whitespace and attribute order may be normalized. For safety, SVGs are rendered in a sandboxed iframe: embedded scripts never run, and external images and fonts are not loaded. Path data is shown but not editable point-by-point, and very large files list their first 1,000 elements with a note.