Logo tracing example: a flat badge logo

A real run of the converter on a typical logo: a round badge with mountains, a sun and a wordmark. Here is what came back, how big the file is, and the one detail worth a closer look.

Drop an image here, or click to browsePNG, JPG, WebP, GIF or BMP · up to 25 MB · paste with CommandVCtrlV

Updated October 15, 2026

The source image

A flat logo with five colors

The badge is a 1024 × 1024 pixel PNG of 57.6 KB, the kind of file most people have of their logo. It has flat colors, sharp mountain peaks, a round sun, and lettering at two sizes: the large NORTHPEAK and the small OUTDOOR CO. below it.

File
PNG, 1024 × 1024 px, 57.6 KB
Colors
Navy, teal, cream, orange and off-white, on a light background
Detail
Sharp peaks, a circle, and text at two sizes
Try it
It is the Logo sample on the home page

What came back

Seven paths, 12.3 KB

The SVG has seven paths, one per color: the five logo colors, the background, and one more explained below. Together they have 273 anchor points. At 12.3 KB it is about a fifth of the size of the PNG, and it stays sharp at any size.

The seventh color is a light gray-beige: the original drawing has a thin outline around the snow caps, and the trace kept it as its own path. Delete it, or recolor it, if you do not want it.

Paths
7, one per color
Anchor points
273
SVG size
12.3 KB
Gradients
None; the logo is flat
The same corner of the sun at 6× zoom. The PNG's edge is a staircase of pixels; the SVG's is one smooth curve.

What to check

Where we looked, and what we saw

  • Mountain peaks: the corners stay pointed rather than rounded.
  • The sun and the outer ring: smooth curves with no flat spots.
  • NORTHPEAK: letter widths and spacing match the original.
  • OUTDOOR CO.: the small letters are complete and evenly shaped.
  • The snow caps: the thin gray outline from the original shows as a sliver at the tip of the tallest peak at high zoom.

Using the file

What you can do with it now

Recolor it

Each color is one path, so a new color scheme is six fill changes.

Make it transparent

Delete the background path, the first one in the file.

Export other formats

Open it in Illustrator, Inkscape or Affinity Designer to save a PDF or EPS.

FAQ

Questions people ask us

What makes a logo trace cleanly?

Flat colors, clear edges and a reasonably large source image. This badge has all three, so it traced into one path per color with no cleanup needed.

Why is the SVG smaller than the PNG?

A flat logo is described by a few hundred curve points instead of a million pixels. Detailed or photographic images produce many more paths and bigger files.

How much cleanup is normal?

For a flat logo like this, little or none. Check thin outlines and small text at high zoom, and delete anything you do not need.

Try it on your own logo

Upload it and compare the result with your original at any zoom.

Upload an image