SVG to Code
Menu

Input

PNG by default. Also works with JPG, WEBP, and other raster images. Strong fit for logos, icons, transparent assets, and crisp graphics.

Drop a PNG here, or click to upload

Tracing settings

Preset
Output style
Color mode
4px
Preview
100%

Load a PNG to preview the vector result.

Download SVG

Raster → vector

Convert PNG to SVG

Upload a PNG image, trace it into vector SVG, adjust the output settings, and download the result instantly.

Need a ready-made favicon bundle for the web? After you have a clean logo (vector or raster), try the Favicon Converter.

How it works

  1. 01

    Upload a PNG

    Drop a file, pick from disk, paste from the clipboard, or try the built-in example. JPG, WEBP, and other raster formats work too.

  2. 02

    Adjust trace settings

    Pick a preset, curve mode, color vs binary output, and optional advanced thresholds until the vector preview matches your intent.

  3. 03

    Download SVG

    Export real SVG markup, copy the source, or open it in the SVG code editor for further cleanup.

Best for

VTracer is built for both high-resolution graphics and compact pixel art — the same engine used in the official VTracer project.

  • Logos and icons
  • Illustrations and diagrams
  • Scanned line art
  • Pixel art and retro sprites

FAQ

Can I convert a PNG to SVG online for free?

Yes. Upload a PNG (or another raster image), tune tracing options, preview the SVG, and download — the vectorization runs locally in your browser using a WebAssembly build of the VTracer engine.

Does this work for transparent PNG images?

Raster transparency is read from the file. The traced SVG quality depends on the artwork; very soft anti-aliased edges may need a higher speckle filter or a different preset.

Can I trace colored PNG files to SVG?

Yes. Choose Color mode for full-color vector output, or switch to black and white for high-contrast line art. Presets like Poster and Photo adjust the baseline clustering and smoothing behavior.

What is the difference between spline, polygon, and pixel mode?

Spline fits smooth curves, polygon keeps straight segments, and pixel mode preserves stepped edges similar to pixelated rendering — matching VTracer’s path simplification options.

Which preset should I use for logos, pixel art, or photos?

B&W suits stamps and simple logos, Poster fits flat icons and illustrations, and Photo targets detailed scans and photographs. You can still fine-tune advanced sliders after picking a preset.

Is the output a real vector SVG file?

Yes. You get standard SVG markup (paths and groups) that you can edit in design tools or in the on-site SVG code editor.

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.