PNG to SVG converter.
Turn a PNG, JPG, or WebP image into an SVG by tracing its shapes into vector paths. Choose how many colors to keep and how closely to follow the edges, compare the result with the original, then copy the SVG code or download the file. It works best for logos, icons, and flat illustrations, and it runs in your browser, so your images are never uploaded.
Works best for logos, icons and flat illustrations. Photos turn into many small shapes and a large file.
Runs in your browser. Nothing you add here is uploaded or stored.
Convert SVG to PNG insteadHow to convert PNG to SVG
- Choose an image, or drop it on the box above: PNG, JPG, or WebP.
- Set the number of colors, from 2 to 24. It starts at 8. A two-color logo needs only 2 or 3; more colors keep more shading but add shapes.
- Pick the detail: Fine follows the edges closely, Balanced suits most logos, and Smooth gives rounder curves and fewer shapes.
- Convert, check the SVG next to the original, then copy the code or download the
.svgfile.
A few things to know:
- Best for logos and icons. Tracing turns areas of flat color into shapes. A photo becomes thousands of small shapes and a large file, so keep photos as WebP or JPG.
- Large images. Images are scaled down to 1,000 pixels on the longest side before tracing, which is plenty for a logo and keeps the SVG small.
- It’s a trace, not the original. If the designer still has the logo as an SVG, AI, or Figma file, export from that instead. A trace is for when the bitmap is all you have.
Clean up the SVG with Codex
A traced SVG works as it is, but Codex can make it easier to use in your project: fewer points, one color you can change with CSS, or a component you can import.
This SVG is a traced version of our logo. Simplify the paths without changing how it looks, remove shapes smaller than [2px], set the main color to currentColor so CSS can change it, and add a title for screen readers. Then turn it into a [React] component called [Logo] with a size prop.
Frequently asked questions
Is the PNG to SVG converter free?
Yes. There is no sign-up, no watermark, and no daily limit.
Are my images uploaded?
No. Your browser traces the image and builds the SVG on your device. The site only counts that the tool was used, never what you put in.
Why is my SVG so large?
The image probably has many colors or fine texture, like a photo or a gradient. Lower the number of colors and choose Smooth, and the shape count shown under the result will drop. For photos, a PNG to SVG conversion isn’t the right tool; use WebP instead.
Can I edit the SVG afterwards?
Yes. The result is a plain SVG made of filled paths, one per shape, so you can open it in Figma, Illustrator, or Inkscape, or edit the code directly.