SVG Viewer & Editor
Open, preview, and edit any SVG in your browser. See changes live as you type, zoom and pan the canvas, prettify or optimize the code, rotate and flip, then download as SVG or PNG. Free, private, and instant.
Paste or upload an SVG to preview it
Your SVG renders here. Nothing is uploaded, everything stays in your browser.
Share this SVG
Store a safe, sanitized copy and get a permanent public link anyone can open. Scripts, event handlers, and external or embedded image references are stripped, so a shared file that pointed to an outside image may render blank.
Need a different export? Try SVG to Base64, SVG to React, SVG Optimizer.
Everything You Need to Work With SVG
Live Two-Way Editing
Edit the SVG code and the preview updates instantly. Upload or paste and the code panel fills in. The source and the canvas always stay in sync.
Inspect Any SVG
Zoom, pan, and switch the background between transparent, light, dark, or any custom color to check edges, anti-aliasing, and transparency.
Prettify and Optimize
Format messy SVG with clean indentation, or run SVGO to strip metadata and bloat and see the exact bytes saved before you download.
Rotate and Flip
Rotate 90 degrees or flip horizontally and vertically. The transform is baked into the SVG source, so your exported file reflects it exactly.
Export SVG or PNG
Download the edited SVG, or rasterize the canvas to a crisp PNG at intrinsic size or 2x, flattened onto your chosen background.
100% Private
Everything runs in your browser with the canvas and SVGO. Your file is never uploaded, which is ideal for confidential logos and design assets.
How to View and Edit an SVG
Open your SVG
Upload an .svg file, paste SVG code, or load the sample. The preview and the code panel populate side by side.
Inspect and edit
Zoom, pan, and change the background to inspect the artwork. Edit the code directly and watch the preview update live as you type.
Clean it up
Prettify the markup for readable indentation, or optimize with SVGO to shrink the file. Rotate or flip if you need a different orientation.
Download
Copy the code, download the edited SVG, or export a crisp PNG at intrinsic size or 2x, ready for any app or platform.
Choose The Right Tool
Why this page exists
Use the SVG viewer and editor to open, preview, and tweak a vector file in the browser, with a live two-way code editor, zoom and pan, prettify and SVGO optimize, rotate and flip, and SVG or PNG export.
Best for
- Quickly inspecting an SVG without opening a design app
- Editing paths, colors, and attributes with a live preview
- Cleaning up, rotating, or re-exporting a vector file
Related tools people usually need next
SVG Viewer & Editor FAQ
Upload your .svg file, paste SVG code, or load the built-in sample. The SVG renders instantly on the preview canvas, where you can zoom, pan, and switch the background to inspect it. Nothing is uploaded to a server.
Yes. The code panel is fully editable. As you type, the preview updates automatically after a short debounce, so editing paths, colors, and attributes shows the result immediately. Uploading or pasting fills the code panel the other way.
Prettify reformats the SVG with clean indentation so it is easy to read and edit, without changing what it renders. Optimize runs SVGO to remove editor metadata, redundant attributes, and bloat, then shows the exact bytes and percentage saved.
Rotate 90 degrees and the horizontal and vertical flips are written directly into the SVG source, including a swapped viewBox for rotation, so the change is permanent and shows up in both the SVG and PNG you download, not just on screen.
Yes. Click Download PNG to rasterize the current canvas at the SVG's intrinsic size, or enable 2x for a higher-resolution export. The PNG is flattened onto your selected background, or kept transparent if that background is active.
No. Viewing, editing, optimizing, and exporting all happen entirely in your browser using the canvas API and the SVGO browser build. Your file never leaves your device, which makes this safe for confidential logos, icons, and design work.
View and Edit SVG, Free
Preview, edit, optimize, and export any SVG without leaving your browser.