SVG Viewer, Editor & Converter — All in One

Paste SVG code or drop an .svg file.
Render it instantly, edit the source with live preview, click an element to jump to its line in the code, and export to SVG, PNG, JPG, PDF, or ICO — all in your browser, nothing uploaded.

100% client-side. Your SVG never leaves your browser.

Source
613 characters
Preview
100%
Transparent areas show a checkered background. Scroll to zoom, drag to pan; enable Pick to click a node and jump to its source.
Abstract SVG editor workspace with vector paths and transparent layers

View, edit, and convert SVG in one tool

Most SVG tools force you to pick a lane — view-only, design-canvas editor, or one-format converter. This one does all three: render the SVG so you can see what you're working with, edit the source code with a live preview and click-to-locate, and export to the format you actually need.

Render Any SVG Instantly

Drop a file or paste code. The right pane renders the SVG immediately with checker / white / dark backgrounds so you can spot transparency issues. Scroll to zoom, drag to pan.

Edit the Source with Live Preview

The left pane is a real XML code editor with syntax highlighting, formatting, and minification. Every keystroke updates the preview — fix that wrong color or stroke width and see it immediately.

Click to Locate Elements

Turn on Pick mode and click any element in the preview — the editor jumps straight to that element's line in the source. Critical for hunting down which path is wrong in a 2000-line Mermaid diagram.

Convert to 5 Formats

Download as SVG (cleaned up), PNG, JPG, PDF, or multi-resolution ICO (favicon). No format trade-offs — the same SVG renders to whatever you need.

Why this SVG tool?

Not another bloated design app, not a one-trick converter. Built for the way developers and designers actually deal with SVG files day-to-day.

Nothing uploads anywhere. Your SVG is parsed, rendered, edited, and exported locally with the browser's own APIs. Safe to use on confidential client logos, internal diagrams, or anything you don't want sitting on someone else's server.

Open the page and use it. No account, no credit card, no daily quota. We don't pay for cloud rendering because nothing runs on a server — the cost of running this for you is zero.

You see the actual SVG XML and edit it directly. For developers, designers using AI-generated SVGs, or anyone fixing exports from Figma / Inkscape / Mermaid — this is faster than dragging shapes around a canvas to fix one attribute.

SVG (formatted), PNG (high-res raster), JPG (with background), PDF (vector for print), ICO (multi-size favicon: 16/32/48/64/128/256). All generated client-side from the same source.
Abstract local SVG workspace protected by translucent shield geometry

Everything you need in one tool

The view + edit + convert combo, plus quality-of-life features that turn this into your daily SVG scratchpad.

Live Preview with Zoom & Pan

Wheel to zoom anchored on the cursor, drag to pan, Fit-to-window, 100% reset. Checker / white / dark backgrounds for transparency checks.

XML Code Editor

CodeMirror-based editor with XML syntax highlighting, line numbers, bracket matching, fold gutter. Paste a minified SVG and it auto-formats on the way in.

Click-to-Locate (Pick Mode)

Toggle Pick mode, click any element in the rendered preview — the editor cursor jumps to and highlights that element's source line. Reverse engineering a 5000-line auto-generated SVG becomes possible.

Format & Minify

One-click pretty-print for readable source, one-click minify for production bundles. Handles inline <style> CSS pretty-printing too.

5 Export Formats

SVG, PNG, JPG, PDF (true vector via jspdf+svg2pdf), and multi-resolution ICO favicon (16/32/48/64/128/256 sizes packed into one file).

Built-in XSS Protection

Pasted SVGs are sanitized before rendering — <script>, <iframe>, on* handlers, and javascript: hrefs are stripped automatically. Safe to paste anything you find online.

SVG Viewer — FAQ

Common questions about viewing, editing, and converting SVG files online. Email support@imagesv2.ai if yours isn't here.

Is this SVG tool really free?

Yes, 100% free with no signup, no credit card, no daily limit. There's nothing to pay for because everything runs in your browser — we don't have server costs to pass on to you.

Do you upload my SVG to a server?

No. Every operation — rendering, editing, formatting, conversion to PNG/JPG/PDF/ICO — runs entirely in your browser using local APIs (DOMParser, Canvas, jspdf). Your SVG never leaves your machine. Safe for client logos, internal diagrams, or any sensitive content.

What output formats can I convert SVG to?

Five: SVG (re-saved, formatted, or minified), PNG (high-resolution raster), JPG (raster with solid background), PDF (true vector, scalable in print), and ICO (multi-resolution favicon containing 16, 32, 48, 64, 128, and 256 pixel sizes in one file). All conversions happen client-side.

Is there a max file size?

5 MB per file for uploads (most SVGs are well under 100 KB). There's no character limit on pasted code — we've tested it with auto-generated diagrams over 100 KB without issues.

Can I actually edit the SVG source?

Yes — the left pane is a full XML code editor with syntax highlighting, formatting, and minification. Every change updates the preview live. You can also click any element in the preview (Pick mode) to jump straight to its line in the source.

What about animated SVG?

Yes, SMIL animations and CSS animations both render in the preview pane just like they would in a browser. Conversion to raster formats (PNG/JPG) captures the first frame; PDF preserves the static layout.

Why is my SVG showing weird colors / fonts in PDF export?

PDF export uses jspdf + svg2pdf.js, which has limited support for advanced effects: SVG filters, foreignObject HTML content, external web fonts, and some gradient configurations may not transfer perfectly. For best results, embed fonts as paths and avoid complex filters before exporting to PDF. PNG and JPG export use canvas rendering and support a wider range of features.

Is it safe to paste untrusted SVGs?

Yes. SVG content is sanitized before being inserted into the page: