Skip to content

Free online PNG to SVG converter

Convert PNG to SVG — and get a vector you can edit.

Upload a PNG logo, icon or illustration. What comes back is layered geometry in full colour with real bezier handles, transparency intact — small enough to inline, structured enough to hand to a designer or a cutting machine.

Free credit to start · no card required · no watermark

input
PNG · 10 MB max
output bg
transparent
output
layered .svg
cost
1 – 2 credits

Four steps

How to convert a PNG to SVG.

About a minute end to end for a flat logo. Nothing is exported until you have looked at what came back.

  1. 01

    Upload the PNG

    Drop a PNG under 10 MB into the editor, cropped tight to the subject. JPG, WEBP and GIF work here too.

  2. 02

    Choose a detail level

    Lower detail for simple marks and wordmarks, higher detail for illustration carrying more shapes.

  3. 03

    Review the geometry

    The result opens with its path count, node count and file size on screen, so you can judge the file before spending an export on it.

  4. 04

    Edit and download

    Rename layers, snap colours to your palette, then download the .svg — or copy it out as React markup.

PNG vs SVG

What you are actually swapping when you convert.

PNG

Raster · pixels

A Portable Network Graphics file is a fixed grid of coloured pixels with an alpha channel. It is excellent for photographs and screenshots, and it has one hard limit: the grid has a size. Enlarge a 512px PNG logo to fill a banner and the browser can only invent the pixels in between, which is the blur you are trying to get away from.

SVG

Vector · geometry

A Scalable Vector Graphics file stores the drawing as maths — curves, fills and coordinates in readable XML. Nothing has a resolution, so the same file is sharp on a favicon and on a vinyl banner. It is text, so it compresses well, inlines into HTML, and can be edited, animated and recoloured with CSS.

Why convert

The practical case

Print shops, cutting machines and embroidery software all want vector input. So does any responsive site that wants one asset instead of three @2x exports. Converting once gives you a source file you can resize, restyle and hand to someone else for years — which a flattened PNG can never be.

The catch is that most free converters hand back a technically valid SVG that is unusable as a source file — thousands of traced points where a dozen shapes belong. This takes the opposite trade, and the next section is honest about both sides of it.

Traced vs redrawn

Why most PNG converters give you an unusable file.

Neither is strictly better. A tracer copies your contours and hands back a file nobody can edit; this redraws the subject and hands back a file anyone can, at the cost of exactness. The last row is the trade you are making.

Edge-tracing converters compared with description and redraw
MetricEdge tracerSVG Maker AI
How shapes are decidedFollows the boundary between colour regions, pixel by pixelReads what the image depicts, then draws it again as closed shapes
Typical path count200 – 900 paths for a simple logoUsually under 30 paths for the same logo
Curve qualityLong polylines that approximate a curve with straight segmentsCubic bezier segments with real control handles
Layer structureOne flat pile of <path> elementsGrouped under readable IDs you can select and rename
Editing after the factMoving one node barely changes the shapeDrag an anchor and the whole curve responds
Fidelity to the originalHigh — it copies your contours, faithfully and unusablyAn interpretation. Check it against the source before shipping
Anti-aliased edgesBecome their own thin sliver pathsNever appear — nothing is following pixel edges to begin with

Before you upload

The input decides most of the outcome.

  • Flat artwork: logos, icons, badges, stickers, line drawings, wordmarks.
  • A transparent or plain single-colour background — it keeps the subject unambiguous.
  • The largest PNG you have. Detail you can see is detail that survives the conversion.
  • Crop tight to the subject. Empty margin becomes wasted viewBox.
  • Photographs. A photo has no shapes to rebuild — it has a continuous tonal field.
  • Screenshots of text. Set the type live instead; traced letterforms never quite match.
  • Heavy drop shadows and glows. Soft gradients read as noise around an edge.
  • Someone else's copyrighted artwork. Vectorising it does not make it yours.

If your source is a photograph rather than a drawing, you are better served generating fresh artwork from a text prompt than trying to vectorise the photo.

After conversion

The file opens in an editor, not a download folder.

Conversion is the first half. The second half is the part most converters leave you to do in another application.

  1. 01

    Rename the layers

    Groups arrive with IDs. Rename them to match your own naming before you commit the file.

  2. 02

    Snap the palette

    Click a shape, paste your exact brand hex. Every fill is a plain attribute, so there is nothing to hunt for.

  3. 03

    Trim the geometry

    Delete the shapes you do not need and drag anchors that landed slightly off. The curve follows.

  4. 04

    Export the way you ship

    Download the .svg, copy it as a React component, or send it on to the icon bundler.

Questions

PNG to SVG, answered.

Cost, transparency, colour, and whether the file opens where you need it to.

Is the PNG to SVG converter free?
You can convert without paying — a free account starts with a credit, and a conversion of a flat logo or icon costs one to two. There is no card required to run the first file and no watermark on what comes back.
Does the output have a transparent background?
Normally yes — nothing paints a white rectangle behind the artwork unless the source clearly had one. Say "transparent background" in the prompt field alongside the upload if you want to be certain. Strictly it is not that your PNG's alpha channel is carried across; the output is drawn fresh, and a stray background rectangle is one select-and-delete in the editor if one appears.
Can I convert a PNG to SVG with colour, or is it black and white only?
Full colour. Each region comes back as its own filled shape with a real hex value on it, kept separated by colour, so you can recolour one element without disturbing the rest. Free tracers often hand back a two-tone silhouette because thresholding is cheaper than separating colours.
What is the file size limit?
Uploads are capped at 10 MB, which is far more than a flat PNG logo needs. If you are near the limit, you are probably uploading a photograph.
Will the colours match exactly?
No — treat every returned colour as an approximation. The image is described in words on the way through rather than sampled, so a hex value comes back close rather than identical. Every fill is a plain editable attribute, so pasting your exact brand colour over it takes seconds, and for anything brand-critical that is the step to do rather than skip.
Can I convert a PNG with a gradient?
Yes, and it usually comes back as a real linear or radial gradient def with editable stops rather than flattened into bands. It is a fresh gradient rather than a copy of yours, so check the angle and the stop positions if the ramp matters.
Does the SVG open in Illustrator, Figma and Inkscape?
It is plain SVG 1.1 with no proprietary attributes, so it opens as native editable paths in Illustrator, Inkscape, Affinity Designer and Sketch. Pasting into Figma keeps the groups intact — there is a walkthrough on the SVG for Figma page.
Will it work with Cricut, Silhouette and other cutting machines?
Yes. Because the output is grouped by colour rather than dumped as one flat pile of paths, Design Space and Silhouette Studio read each layer as its own cut. If you are cutting rather than printing, start from the Cricut SVG page — it covers weeding, layering and node counts.
How is this different from a free online tracer?
A tracer is a pixel-edge follower. It has no idea it is looking at a fox or a wordmark, so it produces hundreds of paths that happen to look right and cannot be edited meaningfully. This works the other way round: the image is read and described, then drawn again as a small number of proper shapes. You gain a file you can maintain and you give up exactness — which is the right trade for artwork you intend to keep working on, and the wrong one if you need a faithful copy.
Does it work on hand-drawn scans?
Reasonably well when the scan is high contrast. Increase the contrast and remove the paper texture before uploading and you will get much cleaner line work.
Can I convert a JPG or WEBP the same way?
Yes. The same converter accepts JPG, WEBP and other raster formats — see JPG to SVG for what compression artefacts do to the result, and Image to SVG for the general case.

Convert your first PNG free.

One credit on sign-up. See the path count before you decide it is worth paying for.

Upload a PNG