A free image to SVG converter, with colour
Most free PNG-to-SVG sites upload your file to a server, limit you to a handful of conversions, or strip colour down to black and white. This converter traces the image entirely in your browser: drop a PNG, JPG or WebP and it comes back as a scalable, full-colour SVG, with no sign-up, no watermark and no file ever leaving your device.
It sits alongside our other image tools: a bulk PNG to WebP converter for raster compression, or an SVG to PNG converter for going the other way once you've finished editing the vector.
What tracing an image to SVG actually does
An SVG doesn't store pixels; it stores shapes. Tracing looks at the colours in your image, groups similar pixels into regions, and draws a path around each region's edge. The more colours you allow, the closer the shapes follow the original image, and the larger the resulting file gets.
Best for logos and icons, not photos
Flat, high-contrast artwork, logos, icons, line drawings, traces cleanly because there are only a few colour regions to outline. A photo has thousands of subtle colour variations, so tracing it always produces a stylised, posterised look: recognisable, sometimes striking, but never photorealistic. No converter, free or paid, changes that; it's how vector tracing works, not a limitation of this tool.
Converting a logo or icon into a crisp SVG
Choose the Logo & Icon style for the straightest edges and flattest colours. Start with a source image that already has clean, simple colours, and turn on 'Make near-white background transparent' if your logo has a plain background you don't want in the result. Fewer colours, around 6 to 12, usually give a cleaner outline than the default 16 for a simple logo.
Converting images to SVG for Cricut and cutting machines
Crafters converting an image for a cutting machine like Cricut usually care about layers more than photographic detail. Each colour this converter finds becomes one coloured region in the SVG, which design software treats as one layer or one cut. The Line Art style reduces everything to two tones for a single clean cut, while Logo & Icon with a low colour count keeps a small, manageable number of layers for multi-colour designs.
Keeping or removing the background
Real transparency in the source image carries through automatically. If your image has a plain white or near-white background instead, such as a scanned logo or a screenshot, turn on 'Make near-white background transparent' to drop it before tracing, so the SVG doesn't carry a white rectangle behind your artwork.
Why an SVG can end up bigger than the original
A common assumption is that vector means smaller. For a simple logo with a handful of colours, that's usually true. For a detailed photo traced with a high colour count, the opposite can happen: dozens of colour regions each need their own path data, and the SVG ends up larger than the original JPG. If file size matters more than having a true vector, keep the image as WebP or JPG instead.
Edit the SVG, or use it as a React component
The SVG this produces opens like any other in Illustrator, Inkscape or Figma for further editing. Building a React app and want the icon as a component instead of an image file? Our SVG to JSX converter turns the result into a ready-to-use component with Tailwind-friendly colours.