Logo to SVG
Logo to SVG: one file that works at 16 pixels and on a building.
A logo trapped in a PNG is a logo with a maximum size. Rebuild it as vector geometry — named layers, editable curves, hex fills you set to your own values — and every future placement is a re-render rather than a redraw. Read the section on fidelity first: this redraws your mark rather than copying it.
Free credit to start · no card required · no watermark
The sizes a mark has to survive
16 px
Favicon
32 px
Browser tab, retina
180 px
Apple touch icon
512 px
App store listing
1024 px
Marketing hero
∞
Vehicle wrap, signage
Four steps
How to convert a logo to SVG.
Steps one and four are the ones people skip, and they are the two that decide whether the file is still useful in a year.
- 01
Upload the best copy you have
The largest, cleanest PNG of the mark alone — not a screenshot of it on a website, and not the full lockup if what you need is the symbol.
- 02
Let it redraw the mark
The upload is read, described and drawn again as closed shapes grouped by colour, with real bezier handles. Compare it against the original before you go further — this is a redraw, not a copy, and the check belongs here rather than after you have renamed everything.
- 03
Snap the colours and names
Paste your exact brand hex over each fill, fix anything the redraw got wrong, and rename the groups. Two minutes here is what makes the file usable by someone who is not you.
- 04
Build the variants before you need them
Reversed, monochrome and mark-only. Every one is a duplicate and a few edits now, and a scramble later when a vendor asks at four o'clock on a Friday.
If the mechanics of the conversion itself are what you are after rather than the brand side of it, the PNG to SVG page goes deeper on how the geometry is rebuilt.
Before you send it anywhere
This redraws your logo. It does not copy it.
Worth two minutes, because a logo is the one file where approximately right is wrong. Nothing here follows the edges in your image: a vision model reads the upload and describes it, and a vector model draws a new mark from that description.
What you reliably get
A small number of closed shapes with real bezier handles, grouped by colour under readable ids, at any size you like. Structurally it is a proper vector file — which is exactly what the vendor rejecting your PNG is asking for.
What you should check
Proportions, letterform shapes, the precise curve of a symbol, gradient angles and every colour value. All of these pass through a written description on the way, so treat each one as an interpretation until you have compared it against the original side by side.
When to do it another way
If you know the typeface, set the wordmark live and outline it rather than accepting a redrawn one. If the mark is intricate or legally sensitive, ask whoever made it for the original vector, or pay a designer to redraw it deliberately. Neither is a failure of this tool — they are the accurate routes.
An edge tracer has the opposite trade: it copies your contours faithfully and hands back hundreds of unusable paths. Neither approach gives you a perfect editable duplicate, and any converter claiming one is worth doubting. Knowing which compromise you are taking is the part that matters.
Before you hand it over
Four checks that separate a vector from a brand asset.
It reads at 16 pixels
Zoom the artwork down to favicon size. If the counters fill in and the mark turns to mud, simplify the geometry — a logo that only works large is half a logo.
Type is outlined, not linked
A wordmark referencing a font renders in whatever the viewer has installed. Convert letterforms to paths so the mark is identical everywhere, forever.
Colours become your exact values
Every fill in the output is a plain hex attribute, and every one of them arrives as an approximation. Paste your brand values over them so nothing ships a near-miss of your primary.
Layers are named for humans
Group the mark, the wordmark and any tagline separately under readable IDs. The next person to need a mark-only version will thank you.
The set
Six variants, and where each one goes.
Once the mark is vector, each of these is a duplicate and a few edits rather than a new commission. Build the set once and stop fielding requests for it.
| Variant | Specification | Where it goes |
|---|---|---|
| Primary | Full colour, full lockup | Website header, decks, anything on a light neutral ground. |
| Reversed | Single colour, knocked out to white | Dark backgrounds, photography overlays, merchandise on black. |
| Monochrome | One ink, no gradients | Fax-grade reproduction, embroidery, engraving, single-colour print. |
| Mark only | Symbol without the wordmark | App icon, avatar, favicon, watermark, anywhere square and small. |
| Horizontal | Mark beside the wordmark | Narrow headers, email signatures, sponsor rows. |
| Stacked | Mark above the wordmark | Square placements, print collateral, tote bags and signage. |
Someone asked you for vector
What each kind of vendor actually wants.
Most people arrive at this page because a supplier rejected a PNG. They rarely explain why, and what they need differs by trade — so here is the short version for each.
Printers
SVG, PDF or EPS · text outlined
“Send us vector” almost always means “we cannot resize your PNG without it going soft.” Outline any type before sending, or their RIP will substitute a font you have never heard of. Ask whether they want spot colours specified.
Embroiderers
Vector, plus a simplified version
Digitising software rebuilds your mark as stitch paths, so fine detail and thin strokes will be dropped whether or not you approve. Send a simplified monochrome variant alongside the full one and you get to decide what goes.
Sign makers and vinyl
Flat colour · one path per colour
A cutter follows contours, so gradients and soft edges have no meaning. Separate the mark by colour, weld any overlaps, and check nothing is thinner than a few millimetres at final size.
Merch and apparel
Vector · one-colour version
Screen printing charges per colour, so a monochrome variant is often the difference between a viable quote and an awkward one. Build it deliberately rather than letting someone else flatten your mark for you.
The common thread: they all want the file that describes shapes rather than pixels, and they all want the type outlined so it cannot reflow into a font they happen to have installed.
Ownership
Yours to sell — but a trademark is still a trademark.
Everything you generate is royalty-free and unrestricted worldwide: client deliverables, merchandise, templates, apps, resale. No attribution, no per-use fee.
That covers the file. It does not transfer rights in artwork you did not own to begin with — vectorising a third party's mark produces a vector copy of someone else's intellectual property, and the law treats it that way.
Read the licence in fullQuestions
Logos, rights and reproduction.
- Is the logo to SVG converter free?
- A free account gets a credit on sign-up with no card, and converting a mark spends one. Editing, building the variants and exporting cost nothing after that, and nothing that comes back is watermarked.
- What can I upload?
- PNG, JPG, WebP, GIF or BMP up to 10 MB. PNG is the best source because it is lossless and can carry transparency; a JPG works too, but correct the contrast first — the page on converting JPGs covers why.
- Can I vectorise a logo I do not own?
- Only with permission. Converting a mark to vector does not change who owns it — a trademark is still a trademark in any file format. Vectorise your own marks, or ones a client has authorised you to work on.
- How faithful is the result to my original logo?
- Close on simple geometric marks, and looser than you may expect on anything intricate. It is worth knowing why: this does not follow the edges in your file. A vision model reads the upload and describes it, and a vector model draws a new mark from that description. Nothing is measured off your pixels, so proportions, letterform details and the exact curve of a swoosh are interpretations rather than copies. Always compare the output against the original side by side before it goes anywhere.
- My only copy is a low-resolution PNG. Is that enough?
- For a simple mark, often — a soft source hurts less here than it would an edge tracer, because nothing is following those edges in the first place. Under about 200 pixels the detail that distinguishes one letterform from another stops being legible to the model reading it, and what comes back will be a plausible mark rather than yours.
- How do I get my exact brand colour into it?
- Paste the hex yourself — assume the returned colours are approximations, because they are described in words on the way through rather than sampled. Every fill in the output is a plain attribute, so select the shape and overwrite the value. That is the only way to be certain the blue on your website and the blue on your signage are the same blue.
- My logo has a gradient. Will that come back?
- Usually as a gradient rather than as banded fills, and with editable stops — but as a fresh linear or radial def, not a copy of your ramp. Check the angle and the stop positions against the original. Worth knowing for later, too: most print and cutting workflows would rather have a flat version, so build a solid-colour variant while you are in there.
- Will the letterforms match my font exactly?
- No, and this is the part to be careful about. The wordmark is redrawn from a description rather than measured off your image, so letter shapes, spacing and weight will be approximations — sometimes good ones, sometimes visibly not your typeface. If you know the font, set the wordmark live in the editor and outline it. That is the only accurate route, it takes a minute, and it is what you should do before a logo goes to a sign maker or an embroiderer.
- Can I export EPS, PDF or AI as well?
- Not directly — the download is .svg. Every vector editor opens SVG and exports those formats in one step, and most print vendors that ask for EPS will accept an SVG or a PDF if you ask. Illustrator, Inkscape and Affinity all do the conversion for free.
- Do I get commercial rights to the output?
- Everything you generate is royalty-free and unrestricted, including client work and merchandise. That covers the file we produce; it does not grant you rights to someone else's trademark.
- What do I hand to a printer?
- The .svg plus a monochrome variant, with any text already outlined. Most print vendors also want a PDF or EPS, which any vector editor will export from the SVG in one step — the section above covers what each kind of vendor actually needs.
- How do I get a favicon out of it?
- Send the mark-only variant through the favicon generator — it produces every size a browser asks for plus the manifest entries, in one download.
