QR Code Generator with Logo
Put your logo in the centre of a QR code, with a live check on whether it still scans.
Logo (optional)
PNG, JPG or WebP. SVG is not accepted, since SVG files can carry scripts. Your image is never uploaded — it is composited in your browser.
Appearance
#000000
#ffffff
Vector — scales to any size with no quality loss.
What It Does
This tool composites a logo into the centre of a QR code and, unlike most, tells you what that costs. A logo works by erasing modules and relying on error correction to reconstruct them — so there is a real, calculable budget, and the analysis panel shows how much of it you have spent. It also checks the thing error correction cannot save you from: whether the logo has landed on a finder, timing or alignment pattern.
When to Use It
- You are putting a code on branded packaging or a poster and a plain black square looks out of place.
- You want the code to be recognisably yours at a glance, so people know what they are scanning before they scan it.
- You are making codes for several platforms and want the matching brand mark in the centre of each.
- You have added a logo elsewhere and want to check the result is actually safe before printing thousands of copies.
Worked Examples
A short link — the best case for a logo
A compact code has modules to spare. Add a logo and watch the coverage figure: under 10% is the range that survives printing, folding and a bad camera angle.
A long tracked link — the worst case
A denser code means smaller modules, so the same logo size erases more of them. Compare the coverage percentage against the example above with the slider in the same position.
Oversized logo, for comparison
Set the size slider to 30% after loading this. The analysis turns red — past about 20% coverage error correction can no longer reconstruct what the logo erased, however clean the print.
Common Mistakes
- Making the logo too big. Error correction at level H recovers about 30% of the code, but that budget also has to absorb print wear, creases and camera angle. Above roughly 10% coverage a code becomes screen-only; above 20% it is unreliable everywhere. The analysis gives you the exact figure.
- Placing a logo over a finder pattern. The three big squares in the corners, the timing lines between them and the alignment patterns are how a scanner locates and grids the symbol — and they are not error-corrected at all. Covering any of them is fatal regardless of the level, which is why this tool checks for it separately.
- Leaving error correction on the default. A logo needs level H, full stop. This tool locks it there automatically the moment a logo is added, because the alternative is a code that looks fine and fails in the field.
- Testing only on a bright screen with a new phone. That is the easiest possible scan. Print it, crumple it slightly, try it in dim light at arm's length with an older phone — that is the condition your code actually has to survive.
Features
How to Use
1. Enter the address the code should open. 2. Pick a logo from the library or upload your own — SVG is not accepted, since SVG files can carry scripts. 3. Adjust the size slider while watching the coverage figure in the analysis panel; keep it under 10% for anything printed. 4. Confirm there is no pattern collision, then download as SVG or PDF for print.
Frequently Asked Questions
Embed this QR Code Generator with Logo
Paste this snippet into your site to embed the tool.
Related Tools
Everything runs in your browser. Nothing you type here is uploaded to our servers, and no code you make is stored or tracked. Brand marks in the logo library identify third-party platforms and remain the trademarks of their respective owners; you are responsible for having permission to use them. Always test a printed code with a real phone, at the distance people will actually stand, before committing to a print run.