Free PNG to SVG Online

Convert raster PNG images to scalable SVG vector format. Perfect for logos, icons, and illustrations.

Last updated May 8, 2026

Drop your image here

Supports PNG, JPG, WebP

Browse Files

Max 1 file, up to 50.0 MB each

A PNG looks fine until you scale it past its native resolution and the edges turn into a pixel staircase. SVG never has that problem because it stores shapes as mathematical paths instead of a grid of pixels — at any zoom level the lines stay perfectly crisp. Our free online PNG to SVG converter takes a raster PNG and traces the shapes inside it into vector paths, producing an SVG file that scales infinitely. The conversion uses an image-tracing algorithm (the same family of algorithms behind Inkscape's "Trace Bitmap" feature and the venerable Potrace library) that walks the image, identifies regions of similar colour, and emits one or more bezier paths that approximate them. The result is exactly what you want for logos, icons, simple illustrations, and line art — anything with a small number of distinct colours and clean edges. Photographs do not vectorise well; the algorithm produces a blob of overlapping shapes that is larger than the original PNG and looks worse. Real-world workflows: turning a screenshot of a logo into an SVG you can drop into a design system, vectorising a hand-drawn icon for use at multiple sizes in a UI, converting a black-and-white sticker design for cutting on a Cricut or vinyl plotter, or rescuing a low-res icon from an old project so it can scale up cleanly. The output SVG is plain XML you can open in any text editor, edit with Inkscape or Figma, or paste directly into HTML. After tracing, the [SVG Optimizer](/tools/svg-optimizer) shrinks the file by removing redundant decimals and metadata, and the [Color Picker](/tools/color-picker) helps you adjust the path colours.

How to Use PNG to SVG

Upload Your PNG

Drag a PNG into the page. Logos, icons, and high-contrast line art give the cleanest results; photographs are not a good fit.

Adjust Tracing Settings

Pick the number of colours, the smoothing level, and whether to trace the dark parts only or both light and dark regions.

Preview the Result

A side-by-side preview shows the original PNG and the traced SVG so you can verify the conversion before downloading.

Download the SVG

Save the result as a `.svg` file. Open it in any vector editor or paste the XML directly into HTML.

Features

Image Tracing Algorithm

Walks the image and emits bezier paths that approximate the shapes — the same approach used by professional tools like Inkscape.

Multi-Colour Support

Trace single-colour silhouettes for crisp icons, or multi-colour images for richer logos and illustrations.

Smoothing Control

Adjust the smoothing level to balance fidelity (more detail) against file size (cleaner paths).

Editable XML Output

The resulting SVG is plain XML you can edit, recolour, or animate with CSS — no proprietary format.

Benefits of Using PNG to SVG

Completely Free

Use PNG to SVG without any cost, limits, or hidden fees. No premium plans needed.

No Installation

Works directly in your browser. No software downloads or plugins required.

100% Private

Your files and data are processed locally. Nothing is uploaded to external servers.

Works Everywhere

Compatible with Chrome, Firefox, Safari, Edge on desktop, tablet, and mobile.

No Sign-Up

Start using the tool immediately. No account creation or email verification.

Always Available

Access this tool 24/7 from anywhere in the world, on any device.

Frequently Asked Questions

No. Vector tracing assumes the image is made of distinct shapes with clean boundaries. Photographs have continuous gradients and millions of subtle colour variations, which produce a chaotic mess of overlapping paths that is bigger than the original and looks worse. Stick to logos, icons, and line art.

Start with the highest-resolution source you have (more pixels means more detail for the tracer to work with), use a high-contrast image with crisp edges, and prefer images that are already on a clean background. If your source has a busy background, remove it first with the [Background Remover](/tools/background-remover).

Yes — pick the multi-colour mode and set the colour count to roughly match the number of distinct colours in your logo. The tracer quantises the image to those colours and emits one path per colour region.

For logos and icons, almost always yes — sometimes dramatically smaller. For complex illustrations, sometimes larger. Run the result through the [SVG Optimizer](/tools/svg-optimizer) to squeeze out the difference.

Yes — the output is standard SVG that opens in every vector editor. You can recolour paths, reshape them with the pen tool, or recombine them with other vector elements.

The tracing algorithm has a minimum feature size — very thin lines and tiny details get smoothed away. Increase the source resolution or lower the smoothing setting to capture more detail.