Logo to vector, in your browser.

Real editable paths, grouped per colour. Converting uploads nothing.

Drop a PNG, JPG or WebP
or paste from the clipboard
Best from 500 px wide, sharp edges, plain background
Or try:

Logo to vector, in your browser

The usual story: the printer, the sign maker or the embroidery shop asks for "the vector file", and all anyone can find is a PNG from the website. GetSVG rebuilds the logo as an SVG with real paths — scalable to any size, recolourable, editable — and it does it on your own computer, so a client's logo never sits on a third-party server.

What makes a logo different from other artwork

  • Few colours, exact colours. GetSVG measures the ink colour from the picture instead of forcing black, keeps a single accent as its own shape in Ink + one colour mode, and lets you type an exact brand hex into any swatch before you export.
  • Corners matter. The Clean logo preset keeps corners sharp where the pixels are sharp and only smooths genuine curves. If the result looks rounded, move Detail towards Faithful.
  • Thin strokes must not break. Wordmarks and line logos use the Hairline preset, which traces at 3× the working size and biases the threshold so faint anti-aliased strokes count as ink.
  • Layers per colour. The SVG has one group per colour, which is exactly how a sign maker or embroiderer wants to receive it.

What is a vector logo?

A vector logo is your mark stored as shapes rather than pixels: outlines, curves and fills described mathematically. It has no fixed resolution, so the same file is correct on a business card, a website header and a lorry. Each colour can be selected and changed on its own, and a cutting machine can follow the outline directly.

In practice, when someone asks for "the vector logo" they want an SVG, EPS, AI or PDF. What they are ruling out is a PNG or JPG, because those carry a fixed grid of pixels that cannot be enlarged, separated by colour, or cut. If you only have a raster file, this page rebuilds the shapes for you. There is a fuller explanation of the underlying idea in what is a vector image.

How to do it

  1. Find the largest copy of the logo you can — a website header, a PDF, an email signature at 2×.
  2. Drop it here. Check that the preset is Clean logo, Hairline or Brush, and that the colour mode matches the logo.
  3. Switch on Paths and look at the corners and the thinnest strokes. Adjust Detail or Stroke thickness if needed.
  4. Download the SVG. Open it in Illustrator, Figma or Inkscape; each colour is a group.

There is a longer walkthrough in the guide to vectorizing a logo, and a comparison with Illustrator's Image Trace and online services on the comparison page.

How logo to vector works in GetSVG

  1. Drop, paste or choose a picture. PNG, JPG or WebP. The file is read by your browser and is not uploaded.
  2. GetSVG picks a preset. It looks at the pixels — how many colours, how soft the edges are, how much plain background — and chooses Clean logo, Hairline, Brush, Sketch, Illustration or Artwork. Every other setting follows from that.
  3. The tracer runs. For each colour a mask is built and Potrace fits smooth Bézier curves to its outline, in a Web Worker so the page stays responsive. Re-tracing after a settings change keeps the previous result on screen until the new one is ready.
  4. Check it is real geometry. Turn on Paths to see outlines and anchor points, or drag the Split handle to compare original and vector.
  5. Download. SVG grouped per colour, PNG at 1×/2×/4×, or copy the SVG code.

What you get

  • Editable paths, not an embedded bitmap. The SVG contains only <path> elements with cubic Bézier curves.
  • One group per colour. Each colour is a <g fill="#…">, so one click selects a whole colour in Illustrator, Figma or Inkscape.
  • A tight view box. Empty space around the artwork is trimmed automatically, with a small safety margin.
  • Transparent background on request. The dominant border colour is detected and removed.
  • Real gradients when you want them. In Full colour mode, Smooth fits a linear gradient across a faded region and writes a genuine <linearGradient>.

Questions

Which preset should I use for a logo?

Clean logo for flat marks with solid shapes, Hairline for thin-line logos and wordmarks, Brush for hand-lettered or brush logos. GetSVG picks one automatically from the picture; change it in the inspector if the result is not right.

Will the logo colours be kept?

Yes. In Black & white mode the ink colour is measured from the picture rather than forced to black, Ink + one colour keeps a single accent, and Full colour reduces the artwork to up to 16 flat colours. You can recolour any colour before exporting.

How do I use the SVG in Figma or Illustrator?

Download the SVG and drag it in. Each colour is a separate group, so a single click selects the whole colour; ungroup to edit individual shapes and points.

Can I vectorize a logo from a low-resolution file?

You can, but the result will be only as good as the edges in the file. Below 300 px GetSVG warns you; if a larger version exists anywhere (a website header, a PDF), use that instead.

My printer asked for a vector file. Is this what they mean?

Yes. When a printer, sign maker or embroiderer asks for vector artwork, they mean a file made of paths rather than pixels, so it can be scaled to any size and cut or separated cleanly. An SVG qualifies. If they specifically request EPS, AI or PDF, see the next answer.

Can I get EPS, AI or PDF instead of SVG?

Not directly; GetSVG exports SVG and PNG. Open the SVG in Inkscape, which is free, or in Illustrator and save as EPS, PDF or AI. The geometry is identical, only the container changes. Most print shops accept SVG anyway if you ask.

My logo has a gradient. What happens to it?

GetSVG detects it. If the shading is a straight fade it writes a genuine SVG linear gradient into the file, rather than flattening it to a single colour or breaking it into visible bands. Choose Full colour with the Smooth gradient option to get that.

How do I match my exact brand colours?

Trace first, then click any colour swatch in the Colours section and enter your exact hex value. Recolouring happens at export time and does not re-trace, so the shapes are untouched. This matters because anti-aliasing shifts measured colours by a few percent.

Where should I look for the highest quality version of a logo?

In order: any PDF the company has published, since those often contain the original vector; the site's press or media kit page; the website header image at twice the displayed size; an email signature. A screenshot is the last resort.

Do I own the traced file?

GetSVG claims nothing over your output. But tracing does not transfer copyright: if the logo belongs to someone else, converting it to SVG does not give you the right to use it. Vectorizing your own or your client's logo is exactly what this is for.