QR Code With Logo
A QR code with a logo puts your mark in the middle of the pattern, and stays scannable because the error correction is raised to cover what the logo hides.
Fill in: Link
A logo in the middle of a QR code works because of how QR codes are built. Every code carries redundant copies of its own data — the error correction level decides how many — and a scanner reconstructs whatever the logo hides from those copies. At the highest level, roughly a third of the pattern can be missing and the code still reads.
That is the whole trick, and it is also the limit. A logo bigger than that, or one sitting over one of the three corner squares, takes out the parts a scanner uses to find and orient the code in the first place, and no amount of error correction brings those back.
This page raises error correction for you as soon as a logo is added, then decodes the finished image to check the result actually reads. Nothing about that check leaves your device.
How to make a QR Code With Logo
- Paste the link the code should open.
- Open the customization panel and choose your logo file — it is drawn into the code on your own device and never uploaded.
- Keep the logo under about a third of the code's width; larger logos cover the pattern faster than error correction can recover it.
- Watch for the scan warning under the code, then download the SVG for print or the PNG for screens.
Ways to brand a QR code
| Approach | Stays scannable | Needs an account | Editable later |
|---|---|---|---|
| Logo with error correction raised | Yes — up to about a third of the width | No | No — the link is fixed inside the code |
| Logo pasted on afterwards in an image editor | Often not — nothing raises the error correction | No | No |
| Paid dynamic code with branding | Yes | Yes | Yes — while the subscription runs |
Frequently asked questions
Does adding a logo stop a QR code from scanning?
Not if the code is built for it. A QR code carries error correction, spare data that lets a scanner rebuild the parts it cannot read, and this tool raises that to the highest level as soon as you add a logo. What breaks a code is a logo covering much more than a third of its width, or one placed over a corner square. The page checks the finished code by decoding it and tells you if it stopped reading.
Is my logo uploaded anywhere?
No. The file is read by your own browser and drawn into the code on your device. This site has no server to upload it to; every generator here works with your network switched off after the page has loaded.
What file should I use for the logo?
An SVG or a PNG with a transparent background gives the cleanest result, because the code's own colours show through around the mark. A JPG works but carries a rectangle of background with it, which eats more of the pattern than the logo itself does.
How large can the logo be?
Up to about 30% of the code's width is safe at the highest error correction. The slider stops at 50% because that is where even a perfect scanner starts to fail, and the scan check on this page will warn you long before you get there.
Why did the error correction change by itself?
Because a logo covers part of the pattern. As soon as you add one, the page raises error correction straight to its highest level — there is no smaller step to try first. It then decodes the finished code to check that still works, and if it does not, it tells you rather than leaving you with a code that renders but does not read. You can still set the level yourself in the same panel.
Related tools
Last updated .