Visually edit SVG files — select, recolor, delete, and smooth elements. All processing happens in your browser.
Your files never leave your browser — all editing is done locally.
Drag and drop an .svg file, use the file picker, or paste raw SVG code into the editor.
Click any element to select it. Change its fill color, stroke, opacity, or delete it. Shift+click to multi-select.
Use the Find & Replace Color panel to change all elements of one color to another in a single click.
Simplify rough paths with the smoothing slider, then export as SVG, PNG, or copy the code.
Click any element on the canvas to select it. The Properties panel on the right shows its current fill and stroke colors. Use the color picker or type a hex value to change colors in real time.
For bulk changes, use the Find & Replace Color feature. Pick the source color, pick the replacement color, and click Replace All. Every element matching that fill or stroke color will be updated instantly.
Every change is instantSVGs converted from raster images (PNG, JPG) often have rough, jagged paths with too many anchor points. The path smoothing feature uses Paper.js to simplify these paths while maintaining the overall shape.
Adjust the Simplify Tolerance slider — lower values preserve more detail, higher values create smoother curves with fewer points. Click Apply to Selection for specific paths or Apply to All for the entire SVG.
Apply to selection or entire SVGEverything you need to know about our online SVG editor