SVG to Code
Menu

SVG to PNG converter

Failed to parse SVG

Upload an .svg file or paste markup. Preview matches the exported PNG (sanitized: scripts removed).

PNG preview—
Background

Fix SVG syntax to refresh the preview. Root element must be <svg>.

Download PNG

High-quality raster from your SVG (sanitized for export).

Output: PNG·Dimensions: 220 × 220pxSVG: 228 B
Invalid SVGCode-first export
Fix SVG to enable exportSVG to code

SVG → raster

Convert SVG to PNG

Convert SVG files to PNG online. Upload SVG, preview the result, adjust export size and background, and download a high-quality PNG instantly.

Creating website icon assets from one source image? The Favicon Converter can generate a complete favicon pack for you.

How it works

  1. 01

    Add your SVG

    Upload an .svg file or paste markup. Drag and drop works on the whole workspace.

  2. 02

    Tune export settings

    Set width, height, scale, and background—including transparent PNG for icons and UI assets. Preserve aspect ratio keeps proportions locked.

  3. 03

    Download PNG

    Preview matches the exported raster. Download runs entirely in your browser.

Best for icons, logos, and illustrations

PNG keeps sharp edges when you need a pixel grid, alpha transparency, or predictable dimensions for design handoff.

  • Icons and logos with transparency
  • Illustrations for apps and the web
  • Raster snapshots at exact pixel sizes
  • Assets for social templates and slides

FAQ

Can I convert SVG to PNG online?

Yes. Paste or upload SVG in the tool above, adjust width, height, scale, and background, then download a PNG file. Everything runs in your browser.

Can I export a transparent PNG?

Yes. Choose Transparent under Background for PNG export. The checkerboard preview indicates alpha; downloaded PNGs keep transparency when your artwork does.

Can I choose the output size?

Set Width and Height in pixels, then use Scale (1×–4×) for retina or print-density output. Preserve aspect ratio keeps proportions when you edit one dimension.

How do I get a high-quality PNG from SVG?

Start from the SVG’s native dimensions, increase Scale for sharper edges, and avoid unnecessary downscaling. Export uses high-quality canvas smoothing before encoding PNG.

Related tools

How-to guides

Step-by-step help for common SVG workflows. Each guide includes the matching tool so you can try it immediately.