A logo in a QR code: without breaking it

A logo makes the code recognisable but hides part of the data. Here is where the limit is and how to stay inside it.

Updated · 2 min read

Why it works at all

QR codes carry redundant data called error correction. If some modules are covered, the scanner rebuilds the information from the rest. A logo spends that reserve, so branded codes use a high correction level.

Five rules

  1. Put the logo in the centre, never on the corner squares.
  2. Choose error correction Q or H.
  3. Keep the mark within 20–30% of the code width.
  4. Use a transparent PNG or an SVG.
  5. Test the finished image before printing.
LevelReserveLogo size
L~7%no logo
M~15%up to 10–12% of the width
Q~25%up to 20–25% of the width
H~30%up to 30% of the width

Alternative: logo behind the code

Instead of covering modules, place the mark under the pattern. In “Through the code” mode modules stay dark while the logo shows through the gaps — striking, and it does not use up error correction.

A simple high-contrast symbol reads better than a detailed emblem. Use a simplified version of your logo — the symbol without the wordmark.

FAQ

Can I add a logo to any QR code?

Yes, to any static code. The denser the code (longer link), the smaller the logo should be.

Why does a logo code scan more slowly?

The scanner has to rebuild the covered modules. Shrink the logo or shorten the link.

Read next

Your first code — in a minute

No sign-up. No watermarks. Forever.

Open generator