QR Code Generator with Logo: Add Your Brand the Right Way (2026)

A plain black-and-white QR code works, but it says nothing about who you are. Add your logo and the same square becomes a piece of branding — instantly recognisable on a poster, a package, or a business card. The catch is that a logo covers part of the code, and if you do it carelessly the QR stops scanning.

This guide shows exactly how to use a QR code generator with logo support to add your mark without breaking scannability — the right logo size, the error-correction setting that saves you, contrast rules, and the file formats to export. Everything here works with a free QR code generator and no signup.

Why add a logo to a QR code at all?

Three reasons brands consistently see results:

• Trust. People scan codes they recognise. A logo signals "this is really us", which lifts scan rates — especially on printed ads where anyone could slap a sticker.
• Recall. A branded code reinforces your identity every time it's seen, scanned or not.
• Design. A logo and brand colour turn a technical artifact into something that fits your layout instead of fighting it.

How a logo stays scannable: error correction

QR codes have a built-in superpower called error correction. The pattern encodes redundant data, so a scanner can still read it even when part is missing or damaged. There are four levels:

When you drop a logo into the centre, you are effectively "damaging" the code on purpose. Level H lets a scanner lose up to 30% of the pattern and still decode it. A good generator raises the level automatically the moment you add a logo — QRelio sets it to H for you — but it is worth understanding *why* that toggle matters.

The golden rule: keep the logo under ~30% of the code

The single most common mistake is a logo that is too big. Even at error-correction level H, covering more than roughly 30% of the code area will start to break scans on some phones.

A safe target is a logo that occupies 20–25% of the width, centred. That is large enough to be legible and small enough that the three corner "finder patterns" — the big squares that scanners lock onto — stay completely clear.

Never cover a finder pattern. If your logo creeps into a corner, shrink it.

Step by step: create a QR code with your logo

1. Open the QRelio generator and choose your content type — a website URL, a vCard, a menu, whatever you need.
2. Enter your link or details. The live preview updates as you type.
3. Open the Logo tab and either pick a built-in icon or upload your own PNG, JPG or SVG.
4. Set the logo size to around 20–25% using the slider.
5. Check the preview — the corners must stay clear and the contrast strong.
6. Test the scan on two different phones before you commit.
7. Download as SVG for print or high-resolution PNG for the web.

Because everything runs in your browser, your logo and data never touch a server.

Contrast and colour: the second scannability rule

Error correction saves the *pattern*; contrast saves the *scan*. Scanners need a clear light/dark difference between the modules and the background.

• Keep the code dark on a light background. Dark-on-white is the safe default.
• Avoid inverting to light-on-dark unless you test heavily — many older scanners struggle with it.
• If you use brand colour for the modules, keep it a deep shade. Pastels and yellows fail.
• Give the code a quiet zone — empty margin — of at least four modules on every side.

Our QR code best practices guide goes deeper on colour, contrast and print sizing.

Which logo file should you upload?

• SVG — best if you have it. Infinitely scalable, tiny file, crisp at any print size.
• PNG with transparency — the practical everyday choice. Use a transparent background so the logo sits cleanly on the code.
• JPG — works, but has no transparency, so you'll get a square block around the logo. Fine on a white code, awkward otherwise.

A square or circular logo centres best. A wide horizontal logo forces you to shrink it so much it becomes illegible — use an icon-only version of your mark instead.

Static vs dynamic: does a logo change anything?

No. A logo is purely visual; it does not affect whether the code is static or dynamic. A static QR code with a logo works forever and for free. You only need a dynamic code if you want to edit the destination later or track scans — and you can still brand those.

Common problems and quick fixes

• "It scans on my phone but not my customer's." Your logo is probably too big or contrast too low. Shrink the logo, darken the modules, re-test.
• "The logo looks blurry in print." You exported a small PNG. Re-export as SVG or a 2048px PNG.
• "Half my codes fail outdoors." Sun glare and distance need bigger codes and level H. Increase the printed size — a rough rule is code width ≥ 1/10 of the scan distance.

Print checklist before you publish

• Logo ≤ 25% of the code, corners clear.
• Error correction at H.
• Dark modules, light background, strong contrast.
• Quiet-zone margin intact.
• Exported as SVG or 2048px PNG.
• Scanned successfully on at least two phones.

Tick all six and your branded code will scan reliably on packaging, posters and cards.

Three ways to place a logo

Not every logo sits the same way inside a code. There are three common styles:

• Centre overlay (most common). The logo sits in a clear area in the middle, with the modules behind it removed. This is what most generators do automatically and what scans most reliably. Keep it to 20–25% and you're safe.
• Corner mark. A small logo tucked just outside the code, inside the frame or caption bar rather than on the pattern itself. This never touches the modules, so it carries zero scan risk — a great option for very small print.
• Excavated / integrated. Advanced designs weave brand colour into the modules themselves. It looks striking but is the riskiest for scanning; only do it with heavy testing and error correction at H.

If in doubt, use a centre overlay or a corner mark. Both look professional and keep every scan working.

Branding by industry: quick examples

• Restaurants put their logo on a menu QR code so the table code matches the brand, then add a "Scan for Menu" frame.
• Retail and packaging brand codes that link to product pages, registration or how-to videos — with error correction at H because boxes get scuffed.
• Professionals brand a vCard QR code on the back of a business card so a scan saves their details and shows their mark.
• Local services brand a Google Review code on receipts so the review request feels official and trustworthy.

The pattern is always the same: a recognisable logo plus a clear caption plus strong contrast.

How to test a branded code properly

"It scanned once on my phone" is not a test. Before a print run:

• Scan with at least one iPhone and one Android — camera apps differ.
• Test at the real distance and lighting the code will live in — a dim restaurant, a sunlit window, an arm's length receipt.
• Print a proof at final size and scan the paper, not just the screen. Ink bleed and paper glare change results.
• Try a worn copy — fold it slightly, thumb the surface — to simulate real-world handling.

Fixing a scannability problem before printing a thousand flyers is free. Fixing it afterwards is a reprint.

Create your branded QR code now

You do not need design software or an account. Open the free QR code generator, add your link, drop in your logo, and download in seconds — no watermark, no signup. For contact cards specifically, see our vCard QR code guide; for the full design rundown, read the best practices guide.