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.
- 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.
- 02
Choose a detail level
Lower detail for simple marks and wordmarks, higher detail for illustration carrying more shapes.
- 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.
- 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.
| Metric | Edge tracer | SVG Maker AI |
|---|---|---|
| How shapes are decided | Follows the boundary between colour regions, pixel by pixel | Reads what the image depicts, then draws it again as closed shapes |
| Typical path count | 200 – 900 paths for a simple logo | Usually under 30 paths for the same logo |
| Curve quality | Long polylines that approximate a curve with straight segments | Cubic bezier segments with real control handles |
| Layer structure | One flat pile of <path> elements | Grouped under readable IDs you can select and rename |
| Editing after the fact | Moving one node barely changes the shape | Drag an anchor and the whole curve responds |
| Fidelity to the original | High — it copies your contours, faithfully and unusably | An interpretation. Check it against the source before shipping |
| Anti-aliased edges | Become their own thin sliver paths | Never 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.
- 01
Rename the layers
Groups arrive with IDs. Rename them to match your own naming before you commit the file.
- 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.
- 03
Trim the geometry
Delete the shapes you do not need and drag anchors that landed slightly off. The curve follows.
- 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.
Related
- JPG to SVGWorking from a compressed source
- Image to SVGWEBP, GIF and everything else
- Logo to SVGWordmarks and brand marks
- Cricut SVGCut-ready layers for Design Space
- SVG for FigmaPaste in as editable layers
- SVG optimiserShrink the file afterwards
- SVG to ReactStraight into a component
- How tracing worksThe long-form explainer
Convert your first PNG free.
One credit on sign-up. See the path count before you decide it is worth paying for.
