Skip to content

QR code generator with a logo

Add a logo to your QR code. Before download, the finished image is decoded to check that it still contains the intended data.

  • No account
  • No expiry
  • No watermark
  • Nothing uploaded

Step 1: Pick a type and enter your content

No need to type https:// — we'll add it.

Step 2: Customize optional

Step 3: Your QR code

Your QR code appears here as you type.

Why a logo works at all

Every QR code holds a bit more information than it strictly needs. That spare capacity is what lets a code still work when it is scratched, creased, half in shadow or badly printed. On the strongest of the four settings, roughly 30% of the code can be lost and still recovered.

You will often see that quoted as “you can cover 30% of a QR code”. It is not quite that simple. The 30% counts lost information, not lost area; the same allowance also has to cover scratches, creases and bad lighting; and where the damage lands matters as much as how much of it there is.

A logo covers part of the QR pattern, so it uses some of the code’s error-correction capacity. That is why the generator increases error correction when a logo is added.

Scan check

The generator decodes the finished QR code before download and compares the result with the original content. If the check fails, download is disabled until the design is adjusted.

The check covers logo size and the other customizations on this page too — dot-shaped modules, circular corners and tighter color contrast all eat into the same margin.

The browser check does not reproduce real printing conditions, camera angle, glare, or poor lighting. Test a printed proof with a phone before a large print run.

Getting a good result

  • Simple marks beat detailed ones. At final size the logo may be a centimeter across. A monogram or a solid symbol survives that; a wordmark with thin letterforms does not.
  • Use the backing plate behind the logo to maintain clear contrast between the logo and the QR pattern. Transparent PNGs get it automatically.
  • Keep the logo smaller when possible. A logo at 20% of the width is comfortably safe and still clearly legible. Larger logos leave less error-correction margin for printing defects and difficult scanning conditions.
  • Print larger than you think. A logo’d QR code has less tolerance than a plain one, so give it more physical space. The size guide has the numbers by scanning distance.
  • Download the SVG for print. It stays sharp at any size, which matters most when the pattern already has less room for error than usual.

Common questions

Does adding a logo break the QR code?

It can, and that is why this tool decodes the finished image before letting you download it. QR codes carry redundant data so they still work when partly damaged; a logo uses up some of that spare capacity. Keep the logo under about 30% of the width, leave error correction at its highest setting, and the scan check confirms whether the result still reads.

How big can the logo be?

The slider stops at 30% of the code's width, which is about 9% of its area. That is a practical ceiling rather than a specified limit: error correction counts lost information rather than lost area, and the same allowance also has to cover print defects, creases and poor lighting. So instead of trusting a percentage, this page reads the finished code back and tells you whether yours survived — denser content leaves less room to spare.

Is my logo uploaded anywhere?

No. The file is read from your disk by your browser, redrawn onto a canvas, and combined with the code on your device. It is never sent to us. That also means we cannot see, store or reuse your brand assets.

Which file format should I use?

PNG with a transparent background gives the cleanest result. JPEG, WebP and SVG all work too. Simple, high-contrast marks read best at the size a logo ends up on a QR code — fine detail and thin lettering disappear, and a photograph is a poor choice.