The short answer
Drop your logo onto the tool below. The Logo preset reduces it to its main colors and traces every color area into smooth outlines. The original and the SVG appear side by side; zoom in on both to check the curves, then press Download SVG.
If the logo comes on a white or single colored rectangle, tick Remove background. The background that touches the image edges becomes transparent, while the same color inside the logo, for example the hole of a letter O, stays filled. If you only have a JPG, that is fine: the tool smooths out JPG noise along the edges.
Try it here: Image to SVG
Open the full tool pageWhat changes when a logo becomes SVG
A PNG or JPG is a grid of colored squares. It looks fine at its own size, but enlarged for a banner, a vehicle wrap or a large print, the edges turn soft or stair stepped. An SVG stores shapes instead: each outline is described by lines and curves and filled with a color, so the computer can redraw it sharply at any size.
Vectorizing is the step from the first kind of file to the second. The tool looks at the pixels, decides which colors belong together, follows the border of every area and fits curves along it. The result is not a copy of the original file, it is a redrawing, which is why clean source images give clean results.
| PNG or JPG logo | SVG logo | |
|---|---|---|
| Stores | Pixels | Shapes made of lines and curves |
| Enlarged | Gets blurry or blocky | Stays sharp |
| Recoloring | Needs a photo editor | Change one fill value per color |
| Typical use | Screens, documents, social media | Print, signs, cutting machines, websites |
Which images convert well
The cleaner and flatter the source, the better the SVG. Logos with a few solid colors, icons, stamps, hand lettering and scanned ink drawings turn into neat shapes. Gradients, shadows, textures and photos do not have clear borders, so the tracer has to split them into bands of flat color.
Pick the preset that matches the image. It sets sensible values for colors, detail and smoothness, and you can still adjust each one afterwards.
| Image | Preset | What to expect |
|---|---|---|
| Flat logo or icon | Logo | Clean shapes, often only a few KB |
| Cartoon or flat illustration | Illustration | More colors and small details kept |
| Signature, sketch, stamp, scan | Line art (one color) | Only the ink remains, paper becomes transparent |
| Photo | Photo (poster look) | A poster style picture, not a true vector |
Fine tuning the result
Colors sets the most colors the SVG may use. For logos, shades that are almost the same are merged automatically, so a logo with three colors stays at three even if the slider allows more. If a real color disappears, for example a thin gray tagline that turns the color of the main mark, raise Colors.
Detail decides how small a spot may be before it is merged into its surroundings. Raise it when small text breaks apart or the dot of an i goes missing. Lower it when a JPG leaves specks and stray dots around the logo.
Smoothness controls how closely the outline follows the pixels. Higher values give rounder curves and smaller files; lower values keep sharp corners and fine serifs. Square corners of boxes and letters are detected and kept sharp at every setting.
Each change updates the SVG within a moment. Below the preview you see the size of your original next to the SVG, plus how many colors and shapes it has, so you can compare settings quickly.
Cleaning up a JPG logo or a scan
Logos often survive only as a JPG from an old website or an email signature. JPG compression leaves faint blotches around edges. The tracer merges these stray pixels into the color next to them, so the outlines come out clean. Removing the white background works on JPG too: JPG has no transparency, but the SVG will.
For a signature photographed on paper, a scanned sketch or a rubber stamp, use the Line art preset. It separates dark ink from light paper even when the paper is slightly gray or unevenly lit, keeps the ink as one colored shape and drops all white areas, including the inside of letters. Scan flat at a high resolution, or photograph straight from above in even light, for the best edges.
Very small images, such as a 64 pixel favicon, are enlarged internally before tracing, which gives smoother curves. Details that are not in the pixels cannot come back, though. If text is only a few pixels tall, look for a bigger copy of the logo first.
Checking and using the SVG
Use the zoom buttons above the preview, or hold Ctrl and scroll, to inspect edges at up to 16 times. Both panes zoom and scroll together, so you look at exactly the same spot. Drag with the mouse to move around. The original is shown with its real pixels at high zoom, which makes the difference easy to see.
The downloaded SVG has the same width and height as your image and contains one shape per color, with no scripts, links or embedded pictures. It opens in browsers, Inkscape, Illustrator, Figma, Affinity Designer, Canva and most software for cutting machines. To recolor the logo, change the fill value of a shape. Copy SVG code puts the markup on your clipboard, handy for pasting straight into a web page.
Letters become outlines, not editable text. If you need to change the wording, retype it with the original font in your design program.
Tips for the best logo SVG
- Start from the largest, sharpest version of the logo you can find. Screenshots of a website logo are often better than a compressed email attachment.
- Ask the designer for the original vector file (AI, EPS, PDF or SVG) first. A traced logo is a good replacement, but the original is always exact.
- Remove shadows and glow effects in the source if you can. Flat logos trace into far cleaner shapes.
- Check the SVG on a dark and a light background before you send it to a printer or a sign maker.