SVG & Vector Studio
Edit an SVG with zoom/pan canvas, resize and align its canvas, recolor paths, clean up its source, or trace a PNG/JPG logo into a vector — all in your browser.
Related tools
How it works
- 1
Open an SVG, or trace a PNG/JPG
Drop, paste, or browse — a raster logo is traced into vector paths first.
- 2
Pick a tool
Crop to content, resize/align the canvas, recolor a path, clean up the source, or export as PNG.
- 3
Zoom, pan and check the grid
Scroll to zoom, drag to pan, toggle the coordinate grid for precise edits.
- 4
Download the result
As the edited SVG, or as a PNG at your chosen size.
FAQ
- Does this tool upload my file anywhere?
- No — every edit (cropping, resizing, recoloring, cleanup, tracing, PNG export) runs locally in your browser; the file never leaves your device.
- Does this replace the standalone Crop SVG to Content tool?
- No — that page stays the fastest path for just a crop. Use this Studio when you also want to resize/align the canvas, recolor, clean up the source, trace an image, or export a PNG in the same session.
- What colors can it find and change?
- Hex colors (e.g. #ff0000) used in fill or stroke, whether set as an attribute or inside a style attribute. Named colors (e.g. "red") and rgb()/hsl() values are not detected yet.
- What does "clean up SVG source" actually remove?
- Editor metadata and comments left behind by tools like Adobe Illustrator or Inkscape, plus rounding of long decimal path coordinates — the visible artwork is unchanged.
- How good is the PNG/JPG-to-vector tracing?
- Best for logos, icons and flat-color artwork with clear edges — it traces color regions into path outlines. A detailed photo will produce a large, complex SVG rather than a clean vector.
- Will my work still be there if I refresh the page?
- No — this Studio does not save your progress. Download your result before closing or reloading the tab.
