Any image to SVG.
Drop an image and get a clean SVG. Logos and icons work best: flat colours, crisp corners, transparency kept. Sketches, diagrams, maps and charts have their own converters above. Free, no sign-up.
Reading image
How to convert logo to SVG
- Drop your logo. PNG, JPG or WebP. Logos, icons and wordmarks work best. Large images are traced at up to 640 pixels and scaled back to the original size.
- Watch it trace. The logo is split into flat colour regions and traced into curves with sharp corners kept. Then the SVG is rendered, compared with your image pixel by pixel on colour, edges and transparency, and the worst spots are traced again until the match stops improving.
- Download. You get a plain SVG with one path per colour, and real gradients where the logo shades smoothly. Open it in Figma, Illustrator, Inkscape or any browser.
Questions
Is it really free?
Yes. No account, no watermark, no download limit. The site is paid for by ads.
Are my images uploaded?
No. Conversion runs on your device, inside this page. Your image never leaves your browser, so it also works with confidential files.
Will my logo keep its exact colours?
Colours are taken from the logo itself, so a flat logo comes out with its own palette. Use the Colours setting if you want to force a fixed number.
Is transparency kept?
Yes. Transparent areas stay empty and semi-transparent parts such as shadows get a matching fill opacity. No white background is added.
Is the SVG a real vector or a PNG inside an SVG?
A real vector. Every shape is a path you can edit, recolour and scale without blur.
What does the match score mean?
It compares the rendered SVG with your image on colour, transparency and edges. 100% would be pixel identical. Flat artwork usually lands above 99%; photos trace into many shapes and score lower, because vectors are not made for photos.
What do the settings do?
Type picks what kind of image it is, which sets sensible defaults. Colours sets how many colours the image is split into (Auto picks them from the image and adds more where needed). Detail sets how closely curves follow the pixels: higher keeps small features, lower gives smoother shapes and smaller files.