QR Code with a Logo
Put your logo in the middle of a QR code and keep it perfectly scannable — free and right in your browser.
Type a link or pick a content type to see your QR code
Content
Style
Higher levels stay scannable when damaged or covered by a logo.
Logo (optional)
Add a centre logo. Keep error correction at H so it still scans.
A branded QR code that still scans
Adding a logo to the centre of a QR code makes it instantly recognisable and on-brand — great for business cards, packaging, posters, and menus. This tool places your logo in the middle with a clean background pad so it sits cleanly over the pattern.
The trick to a logo code that still scans is error correction. QR codes can rebuild data that is covered or damaged; at the highest level (H) about 30% of the code can be obscured and it still reads. This tool switches to H automatically when you add a logo, so your branding never breaks the scan.
How to add a logo to a QR code
- Enter your content. Add the link or details for the code in the generator above.
- Add your logo. Open the Logo section and upload a PNG, JPG, WebP, or SVG. It drops into the centre.
- Keep error correction at H. The tool sets H for you — leave it there so the code stays readable.
- Size and download. Adjust the logo size if needed, then download as PNG or SVG.
Keep the logo small and high-contrast
A logo that covers more than about a third of the code can stop it scanning. Keep the logo size modest, use a simple high-contrast mark, and always test the finished code with a phone before you publish or print it.
Error correction: why a logo still scans
QR codes use Reed-Solomon error correction, so part of the code can be covered or damaged and a scanner still reconstructs the data. The four levels (set in the ISO/IEC 18004 standard) recover roughly:
| Level | Data recoverable |
|---|---|
| L (Low) | ≈ 7% of the code can be obscured or damaged. |
| M (Medium) | ≈ 15% — the common default for clean, on-screen codes. |
| Q (Quartile) | ≈ 25% — a middle ground for print and busy backgrounds. |
| H (High) | ≈ 30% — the level this tool uses for logo codes, so the centre mark doesn't break the scan. |
Keeping a logo code reliable
- This tool switches to level H automatically when you add a logo, because the logo effectively counts as ~30% damage that the error correction has to absorb.
- Even at H, keep the logo to roughly a quarter to a third of the code's width and centred — covering more than about 30% can push it past what the code can recover.
- Use a simple, high-contrast mark on the clean background pad rather than a busy full-colour image; fewer fine details means fewer mis-reads.
- Always test the finished code with two or three different phones before printing, since real-world cameras vary in how aggressively they decode.
More QR code tools
Frequently asked questions
Will a logo stop my QR code from scanning?
Not if you keep it modest and use high error correction. This tool sets the level to H automatically when you add a logo, so up to about 30% can be covered and it still reads.
What logo formats can I use?
PNG, JPG, WebP, and SVG. A PNG or SVG with a transparent or solid background usually looks best in the centre pad.
Can I download a logo QR code as SVG?
Yes. The logo is embedded into the SVG as well as the PNG, so you can scale it to any size.
Where is my image processed?
Building or reading a QR code happens in your browser, so the file is created on your own device. How any data associated with the tool is handled is described in our privacy policy.
More image tools
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.