QR Code Generator with Logo

Upload a PNG, JPG or SVG logo, set its size and the white padding behind it, and get a branded QR code with the logo in the centre. Error correction is raised to level H automatically so the code can still be read. Everything runs in your browser, and your logo is never uploaded.

Enter your data to see the preview.

Customize

Foreground color

#000000

Background color

#ffffff

Download size1024 px

Margin (modules)4

Error correction

Dot style

SquareRoundedDots

Center logo

Optional. The logo stays on your device. Keep it small and test-scan the result.

Your data stays on your device.

How does it work?

1Enter the text or link the code should contain.
2Upload your logo (PNG, JPG or SVG) in the logo panel, then set the logo size in percent and the white padding around it.
3Pick colours, module style, size and margin. Error correction is set to H automatically once a logo is present.
4Test-scan the preview with two or three phones, then download PNG, SVG or PDF, or copy the image.

What is QR Code with Logo?

A QR code stays readable when part of it is hidden because it carries error-correction data. At level H the code can recover roughly 30 % of its data, which is why a logo can sit in the centre without breaking it. The logo simply covers modules, and the reader rebuilds them from the redundancy elsewhere in the code.

That redundancy is a budget, and the logo spends it. As a rule, keep the logo to no more than about 25 % of the code's area, and less is safer, especially when the code is dense or will be printed small. Never cover the three large squares in the corners or the small alignment squares, because scanners use them to find and straighten the code. A centred logo avoids all of these.

Use a logo with strong contrast to the white padding, in a simple shape, and keep the modules dark on a light background. Busy photographic backgrounds behind the code, thin low-contrast logos and inverted (light on dark) codes all reduce reliability. A vector SVG or a high-resolution PNG stays sharp at large sizes. Always test the final artwork at its real printed size.

When should you use it?

On a restaurant menu or table card where the code should carry the restaurant's mark.
On packaging, labels or stickers where brand recognition matters as much as the link.
On a business card, letterhead or invoice footer where the code should match the corporate identity.
On shop-window posters or vehicle wraps that already use a logo prominently.
On event tickets and badges where a branded code reassures people about who it belongs to.

Privacy

This tool runs in your browser. What you type, paste or open is processed on your device by JavaScript and is not sent to our servers, stored or shared. Your data stays on your device.

Your logo file is read and drawn inside your browser and is never uploaded. The QR code contains only the text or link you entered, not the logo image.

Frequently Asked Questions

How big can the logo be?

Keep it within about 25 % of the code's area, and use less if the code holds a lot of data or will be printed small. Increase the logo size gradually and test the scan after every change.

Why is error correction forced to H?

The logo hides part of the code, and level H gives the most redundancy (about 30 % recovery). Lower levels leave too little margin for a covered centre.

Can the logo have a transparent background?

Yes, transparent PNG and SVG files work. The white padding you set keeps a clean area behind the logo, which helps contrast and scanning.

How do I know the code will scan?

Test it: scan the preview on several phones, then print a sample at the final size and scan that. Also test in the lighting where it will be used. No tool can guarantee a scan, so a real test is the only proof.