Image to SVG
Trace a PNG or JPG into a real SVG with editable paths. Control how many colours survive and how much speckle gets cleaned away, preview the trace live, and download a file that scales to any size.
2 free credits · No signup · ~10 seconds
Why use this convert tool
Real paths, not a PNG in a wrapper
Some converters simply embed your bitmap inside an SVG file: the extension changes and nothing else does. This traces the image into actual filled paths, so the result scales to a billboard without softening and can be opened and edited in Figma, Illustrator, or Inkscape.
How the tracing works
The image is quantised down to a set number of flat colours, then each region of one colour is outlined as a path. That is why the Colors control matters so much: it decides how many distinct regions the tracer is even allowed to see before it starts drawing outlines around them.
Two controls that do the work
Colors sets how many flat tones the trace keeps, from 2 for a stark silhouette up to 32 for artwork with real shading. Clean up discards paths below a size in pixels, which is what removes the confetti of tiny specks that anti-aliased edges leave behind.
Flat artwork traces best
Logos, icons, line art, and screenshots of flat UI vectorize cleanly because their colour regions have hard edges. Photographs do not: a face or a landscape has thousands of subtle gradients, and tracing turns those into stacked blobs. Convert graphics; keep photos as raster.
Start from the biggest file you have
Tracing reads pixels, so the input resolution sets the ceiling on the output quality. A 200px screenshot of a logo traces into wobbly edges no setting can rescue, while the same mark at 1000px or more gives the tracer enough definition to find clean curves. Upload an SVG and it passes straight through untouched, because it is already vector.
Getting a clean trace
Upload the largest version you have
Tracing reads pixels, so resolution is the ceiling. A 200px screenshot traces into wobbly edges; the same mark at 1000px or more traces into clean curves.
Fewer colours, cleaner shapes
A two-colour logo does not need 16 tones. Dropping Colors to 4 or 6 collapses anti-aliasing noise into solid regions and cuts the file size hard.
Photos are the wrong input
Faces, skies, and textures have no hard colour boundaries, so the tracer invents them. The result is a poster effect, not a faithful vector.
Speckles mean raise Clean up
Confetti of tiny paths around the edges is anti-aliasing being traced literally. Raising Clean up discards anything below that size in pixels.
How to convert an image to SVG
Upload your image
Drop in a PNG, JPG, or WebP. The original appears on the left and the traced result on the right straight away.
Tune the trace
Lower Colors for a flat, poster-like result or raise it to keep shading. Raise Clean up if the result has speckles around the edges.
Download the SVG
Check the result panel, then download. The file contains real vector paths you can edit in any design tool.
What the tool looks like
When you need it
Logos at any size
Turn a PNG logo into a file that stays sharp on a business card and a billboard.
Icons and line art
Vectorize flat illustrations so they can be recoloured and resized freely.
Print work
Printers ask for vector artwork — a trace gets a raster-only logo ready to send.
Cutting and engraving
Vinyl cutters, laser engravers, and embroidery software all need paths, not pixels.
Lighter web assets
A simple traced mark is often far smaller than the PNG it came from, and never blurs on a retina screen.
Used by designers, indie devs & students at
Loved by Designers Everywhere
Join thousands of designers who save hours every week with ICC Images.
“This has completely changed my workflow. I used to rebuild the same product colorways by hand every time the brand shifted — now it's one file I go back and re-edit.”
Sarah Chen
Freelance Web Designer
“The background removal is shockingly good. I've tried so many tools and this one actually handles hair and complex edges properly.”
Marcus Johnson
E-commerce Designer
“Finally a color tool that works directly in Framer. No more exporting, editing, re-importing. Just click and done.”
Elena Petrova
Product Designer at Startup
“I use this daily for client mockups. Being able to show the same product in 10 different colors in minutes is a game-changer.”
James Wright
Brand Designer
“The eyedropper tool is incredibly precise. I can match brand colors perfectly every single time.”
Aisha Patel
UI/UX Designer
“Worth every credit. The time I save pays for itself on the first project of the month.”
Tom Mueller
Agency Creative Director
Frequently Asked Questions
Related Tools
Vectorize your image now
Trace it, tune the colours, and download a real SVG.