QR code with logo generator
Make a QR code with logo in the centre and keep it scannable: upload your image, pick its size, and the generator raises error correction so the covered modules are recovered. The code is static, so it never expires and nothing routes through a server. It is free with no sign-up, made entirely in your browser, and verified by a real scanner before you download it.
Content: URL
The full address of the page. https:// is added if you leave it out.
Style
PNG, JPG or SVG up to 2 MB. It stays on your device.
Your codes on this device
Off by default. When on, each downloaded code (type, content, style) is saved in this browser only, never uploaded. You can delete them at any time.
How to add a logo to a QR code
- Paste the link into Website address.
- Click Upload logo and choose a PNG, JPG or SVG up to 2 MB. The file stays on your device.
- Set Logo size between 10 and 30 percent of the code width. Leave White padding behind logo and Hide dots behind logo on unless the logo already has a solid background.
- Error correction is set to H on this page, so up to 30 percent of the modules can be covered. Wait for Verified: scans as URL, then Download PNG or Download SVG.
QR code with logo details
A QR code survives a logo because of error correction. Every code carries redundant data, and at level H a scanner can rebuild up to 30 percent of the modules it cannot see. This page fixes Error correction at H, starts with rounded modules and rounded corner markers, and reserves the centre for your image, so the logo simply becomes damage the scanner is designed to tolerate.
The logo controls
Upload logo accepts PNG, JPG or SVG up to 2 MB; the image is read by your browser and never sent anywhere. Logo size runs from 10 to 30 percent of the code width, with a hard cap at 30 percent because that is the recovery limit; 15 to 22 percent looks balanced and leaves headroom for print damage. White padding behind logo draws a clear border so busy logos do not blur into the modules, and Hide dots behind logo removes the modules under the image instead of drawing them through it. Both are on by default.
What the verification catches
Every time you change the logo, the preview is rendered at 512 px and decoded with a real scanner engine in the background. If the decoder cannot recover the address, the badge switches to Could not verify and suggests shrinking the logo, raising contrast or removing a gradient. Downloads stay possible, but treat the warning as a real failure: a phone at arm’s length has a harder job than the verifier.
Whose logo
There is no library of brand logos here, because Instagram, Google, WhatsApp and the rest own their marks and set rules for using them. Upload your own logo, or a platform’s official asset used within its guidelines. Before printing a batch, test the file with a phone at the real size, or drop it into the QR code reader; the size guide explains how a logo raises the minimum print size.
This code never expires
The logo is drawn over the code, not encoded in it; the address underneath is still complete, so the code keeps working however long the print stays up. This is a static QR code: the data is written into the pattern, so scanning it needs no server, no account and no subscription. There is nothing to renew and no redirect that can be switched off, which is why a code made here keeps working for as long as the printed copy exists. The trade-off is honest: a static code cannot be edited after printing and does not count scans. If you need either, encode a link to a page you control. Read how static and dynamic codes differ, and if a code you already have has stopped working, see why QR codes expire.
Styling, formats and print size
Every code can be styled in the Style panel: six dot shapes, corner shapes, solid or gradient colours, a transparent background, a quiet zone of 0–8 modules, and your own logo up to 30 percent of the width. A contrast checker warns below 3:1 and blocks downloads below 1.5:1, and after each change the preview is decoded again so the badge tells you whether the styled code still scans.
| Output | Best for | Notes |
|---|---|---|
| PNG | Web, documents, quick prints | 256 to 4096 px; transparent background supported |
| SVG | Designers and print shops | Vector, scales without limit; logo embedded |
| Printing at an exact size | Vector modules at a chosen width in mm or inches, optional caption | |
| JPG | Platforms that reject PNG | White background; no transparency |
| EPS | Legacy print workflows | Vector from the module matrix, no logo |
| Copy / Print | Pasting into a document; a quick paper test | PNG to the clipboard; print view with caption |
Print size: as a rule of thumb the code should be at least one tenth of the scanning distance wide, with the quiet zone included.
| Scan distance | Minimum width |
|---|---|
| 0.5 m (arm's length) | 5 cm |
| 1 m | 10 cm |
| 2 m | 20 cm |
| 5 m | 50 cm |
A logo code needs a little more room than a plain one: 4 cm for a card, 6 cm for a table tent, 12 cm for something scanned from a metre away. Keep the logo at 20 percent or less when the print will be small.
The QR code size guide has a calculator for module size, DPI and distance.
Frequently asked questions
Does a QR code with logo still scan?
Yes, as long as the logo covers no more than the error correction can rebuild. At level H a scanner recovers up to 30 percent of the modules, and this page caps the logo at that share. Verification then decodes the actual render, so the badge tells you whether it still reads.
How big can the logo be?
Between 10 and 30 percent of the code width; the slider stops there because 30 percent is the limit of level H recovery. Around 15 to 22 percent looks balanced and leaves headroom for scratches, glare and cheap printing. Small prints should stay at the lower end.
Can I use a brand's logo, such as Instagram or WhatsApp?
There is no built-in library of brand logos, because those companies own their marks and publish rules for using them. You can upload a platform's official asset from its brand resources page and use it within those guidelines, or simply use your own logo.
Is my logo uploaded to a server?
No. The file is read by your browser, drawn into the preview on your device and embedded in the downloads locally. Nothing is sent anywhere, there is no account, and no history is kept unless you turn on the option to remember codes on this device.
Why did the error correction change to H?
A logo hides modules, and only the highest correction level can rebuild 30 percent of them. Adding a logo on any page switches the code to H automatically with a note; this page starts at H. The code gains a few modules as a result, so it prints slightly denser.
What is the best logo file to upload?
A simple, bold mark with few thin lines, on a transparent or white background, as SVG or a PNG of at least 400 px. Very detailed logos turn to mush at card size, and a pale logo on white padding can disappear in print. The 2 MB limit is generous.
Related
Last updated . QR Code is a registered trademark of DENSO WAVE INCORPORATED. Open-source engines are listed on the how it works page.