Free Custom QR Code Generator with Logo
The code is built in this tab. The WiFi password, the payment ID, the phone number — whatever you type stays local.
Loading the tool…
How it works
What can change, and what must not
A decoder does not read a QR code left to right. It first locates the three large squares in the corners — the finder patterns — and uses them to work out the symbol's position, size and rotation before a single data module is read. Rounding those is the single change most likely to break scanning, so whatever module shape you pick, the finder patterns here stay square. Everything else is genuinely free.
- Module shape
- Square, rounded or dots for the data modules. Cosmetic, and safe — the decoder samples the centre of each module either way.
- Finder patterns
- Always square, whatever the module shape. They are what a decoder locks onto first, and rounding them is what breaks codes that look fine on screen.
- Error correction
- Adding a logo raises the level to H automatically, which reconstructs roughly 30% of a damaged symbol. That is why a covered centre still reads, and why the code visibly gets denser.
- Logo size
- Capped at 25% of the code's width. Past about a quarter, the obscured area is more than level H can recover and the code stops reading.
- Contrast
- Judged live using WCAG relative luminance, not by comparing hex values. Light-on-dark codes are flagged specifically, because contrast alone is not what makes them fail.
How to use it
How to make a custom QR code with a logo
- 01
Set the two colours
The contrast reading updates as you pick, and warns before you commit to a pairing that will not read on a phone.
- 02
Choose a shape and drop in a logo
The logo is centred and capped at a quarter of the width, and error correction moves to level H the moment you add one.
- 03
Export and scan the real file
SVG for print, PNG or WebP for screens — WebP through a WASM codec, since Safari still cannot encode it from a canvas.
Where it earns its keep
Where a plain black QR code is not enough
- A menu code that has to sit inside a brand palette without looking bolted on.
- Packaging where the code is part of the design rather than a sticker on top of it.
- A conference badge carrying the event mark in the centre of the code.
- A shop window decal in the brand's own two colours, tested before it is cut.
Questions
Custom QR Code, answered
Can I round the three corner squares as well?
No. The finder patterns stay square whatever module shape you pick. They are the first thing a decoder looks for, and reshaping them is the change most likely to produce a code that photographs beautifully and never scans.
Why did my code get denser when I added a logo?
Because error correction moved to level H, which adds redundancy so roughly 30% of the symbol can be reconstructed. That redundancy is exactly what lets a covered centre still read — without it, a logo over the middle simply fails.
Can I invert it, light modules on a dark background?
You can set it, and it will be flagged. Inverted codes have plenty of contrast and still fail, because decoders assume dark modules on a light background. It is the most common real-world scan failure, which is why the warning is specific rather than a generic contrast score.
How large can the logo be?
A quarter of the code's width, and the tool will not go past it. Beyond roughly 25% the covered area exceeds what level H can reconstruct, so the code fails — usually in poor light first, which means it passes your test and fails in the shop.