An SVG is text, and small changes are quickest made directly: a different color, a new size, one shape removed. The code sits on one side and the drawing on the other, updating with every keystroke.
The colors used in the file are listed as swatches; clicking one changes that color wherever it occurs. Width and height can be set without distorting the artwork, and the result downloads as SVG or as PNG at normal or double size.
How to use the SVG Editor tool
- Open an SVG file or paste its code.
- Click a color swatch to recolor, set a new size, or edit the code.
- Download as SVG or PNG.
Popular uses
- Recoloring an icon to match a brand
- Resizing a logo for a specific slot
- Quick fixes without opening a drawing program
Tips for the best result
- If the preview stops updating, a tag is unclosed; the note under it says so.
- Check the result on the dark preview background if the icon will be used on dark pages.
Quick facts
| Price | Free |
|---|---|
| Works with | SVG, PNG |
| Where it runs | In your browser, on your device |
| Account | Not needed |