Edit SVG files right in your browser with this free SVG editor. Click a shape to change its fill, stroke, opacity or text, drag it into place, rotate it, reorder layers or delete what you do not need, and switch to the code view for anything else. Undo is always one keystroke away, and the file never leaves your device.
Drop an SVG to edit
SVG up to 10 MB · converted in your browser, never uploaded
Your SVG is converted on this device and never uploaded. External fonts and images in the file are not loaded.
An SVG is a text file that describes shapes, so it can be changed without redrawing anything. This SVG editor gives you the common changes as simple controls, with the code one click away.
Pick any shape and set its fill and stroke colour, stroke width and opacity, or type new words into a text element. Colours inherited from a group are shown, and the value you set always takes priority over old inline styles.
Drag shapes on the canvas or nudge them with the arrow keys, rotate them in 15 degree steps around their centre, bring them forward or send them back, and remove stray elements such as a background rectangle.
The layer list shows every drawable element with its name and colour, so even a file you did not make is easy to explore. If you only want to look at a file, check its size and code without touching it.
SVG viewer →Desktop design apps are powerful but slow to install and learn for a quick fix. This SVG editor opens instantly in any browser and does the small edits most people need.
There is no account, watermark or limit. The file is read and edited on your own computer, tablet or phone, so client logos and personal designs stay with you.
SVGs downloaded from the web can carry scripts or links. The SVG editor removes scripts, event handlers, outside links and animations before showing the file, and draws it in an isolated area of the page.
Edits are written as ordinary SVG attributes and transforms, with no editor-specific markup left behind, so the file opens the same way in Cricut Design Space, Inkscape, Illustrator, browsers and laser software.
Most edits take less than a minute with the SVG editor.
Drop an SVG onto the box above, choose it from your device or paste its code. You can also start with the example badge to try every tool first.
Click a shape or pick it from the layer list, then change its colours, stroke, opacity or text, drag it, rotate it or reorder it. Use the Code tab for anything the controls do not cover.
Download the edited SVG or copy its code. Press Ctrl+Z at any point to step back, up to 100 changes.
A few shortcuts save time when a file needs more than one quick change in the SVG editor.
To replace a colour in every shape at once, for example a brand colour used in fifty paths, a colour replacer is faster than selecting each shape.
Change SVG color →Editing shapes does not change the document size. When the artwork must be an exact width in millimetres or inches, set that as a last step.
Resize SVG →Files exported from design apps often carry editor metadata and long numbers. Optimising the finished SVG can cut its size by half without changing how it looks.
SVG optimizer →