SVG Editor
SVG Editor
Upload an SVG to edit colors and properties.
Click to upload or drag & drop SVGs
SVG Editor
Need to change a color or fix something in an SVG? Do it right here - no need to fire up Illustrator or Figma for a 30-second edit.
What you can do
- Change colors - Click any fill or stroke to pick a new color. We automatically find all the colors in your file.
- Edit the code - Full access to the SVG markup with syntax highlighting. Make any change you want.
- See changes live - The preview updates as you type. No save button, no refresh.
- Clean up junk - Remove unnecessary attributes, comments, and metadata.
When this is useful
You got an icon from a library but it's the wrong color. A designer sent you an SVG but the stroke width is off. You copied some SVG code and it's full of weird namespace stuff. These are 2-minute tasks that shouldn't require opening heavy software.
What this isn't
This is a code editor with a preview, not a drawing tool. If you need to create shapes from scratch or do complex path editing, you'll want Illustrator, Figma, or Inkscape. But for quick tweaks and color changes? This is faster.
Frequently Asked Questions
Yes. We scan your SVG and show you every color used. Click any color to change it with a color picker.
No. This is a code-based editor for modifying existing SVGs. For drawing from scratch, use tools like Figma, Illustrator, or Inkscape.
Yes. You can edit SMIL animations and CSS animations in the code view. The preview will show static frames.
The code editor supports Ctrl+Z undo. Your original file isn't modified until you download the edited version.
Yes, completely free with no signup. Pro plans are for batch processing and other advanced tools.