How to Add a Logo to Your QR Code (Without Breaking It)

You’ve seen them everywhere: a company’s logo sitting neatly in the middle of a QR code on a coffee cup, a business card, a bus-stop poster. It looks like the code should be broken — a chunk of the pattern is clearly covered — yet it scans on the first try. A QR code with a logo isn’t a lucky hack. It works because of a feature built into the format itself, and once you understand that feature, adding your mark becomes a two-minute job with rules you can actually follow. This guide explains why a logo survives, the one setting that makes it possible, a step-by-step walkthrough, and how to size the logo so the code keeps scanning.

How a QR Code With a Logo Stays Scannable

The logo does not sit politely in a gap between the modules. It sits on top of them and destroys the data underneath. So how does the code still work? Redundancy.

Every QR code is generated with extra recovery data baked in, using a mathematical technique called Reed-Solomon error correction — the same family of math that lets a scratched CD still play (developed by Irving Reed and Gustave Solomon in 1960). When part of the pattern is missing or covered, the decoder rebuilds the lost data from the recovery codewords spread across the rest of the grid. A logo in the center is simply damage placed on purpose.

That is the entire trick. A logo works because the code was built expecting damage. Your job is to keep that damage within budget — a budget set by one adjustable level, covered next.

Key takeaway: A logo doesn’t fit around the modules — it replaces them. Error correction quietly rebuilds what the logo covers — as long as the logo stays within the budget and off the structural patterns.

Error Correction: The Setting That Makes Logos Possible

Every QR code carries one of four error-correction levels. According to DENSO WAVE, the QR Code’s developer, each level can restore roughly the following share of the code’s codewords — the 8-bit units (8 modules each) that make up the data area:

Level	Codewords restorable	Typical use
L (Low)	~7%	Clean digital display, no logo
M (Medium)	~15%	General print, light wear
Q (Quartile)	~25%	Industrial or slightly dirty surfaces
H (High)	~30%	Logos and heavy-wear environments

The one thing to remember: logo means level H. But read the percentage carefully. “30%” means about 30% of the codewords can be restored — it is not a promise that you can cover 30% of the code’s area, and there is no universal “30% logo” rule in the QR standard. Three things make the real limit smaller than the headline number:

• Codewords, not area. A codeword counts as damaged if even one of its modules is hidden, so the edge of a logo spoils more codewords than its footprint alone suggests. The data is also split into blocks, and each block has its own correction budget.
• Some parts aren’t covered by the data correction at all. The three corner finder patterns, the timing and alignment patterns, and the format and version information sit outside the Reed-Solomon data correction, and the decoder needs them to find and read the code. A logo must never touch them.
• Wear shares the same budget. Smudges, glare, folds, and blur on the printed code draw on the same recovery capacity the logo already used.

So the only reliable rule is: keep the logo modest, keep it off the structural patterns, and scan-test the actual design. The full theory of when to pick L, M, Q, or H for non-logo reasons is covered in QR code error correction explained. When you add a logo in QRocket and the code is at level L or M, the generator raises it to H for you.

How to Create a QR Code With a Logo (Step by Step)

Open the free logo QR code generator and enter the link or data your code should carry first — the logo comes last, on top of a working code. Then follow these four steps.

Step 1 — Prepare the Logo File (PNG or SVG, Square-ish, Transparent)

Get the file right before you upload. Use a PNG with a transparent background or an SVG so the code shows through around the mark instead of being blocked by a white rectangle you didn’t intend. Roughly square logos sit cleanest in the center; a very wide or very tall logo will either look lost or spill into the pattern. If your mark is busy or thin-lined, add a small solid white padding plate behind it so it separates cleanly from the modules.

Step 2 — Generate Your Code and Drop the Logo In

With your URL or content already entered, upload your prepared file to place it in the center. This is the step where you actually add a logo to a QR code, and the generator handles the two things that matter automatically: it centers the image and bumps error correction to level H if it was set to L or M. If you don’t have a file handy, QRocket’s built-in logo library gives you ready-made marks to test the layout with.

Step 3 — Keep the Logo Small and Clear of the Structural Patterns

Start small and grow the logo only while the code keeps scanning. QRocket’s default logo size is a sensible starting point: at level H it clears at most about 9% of the module grid for the logo. (The “Logo size” percentage on the slider is a relative size setting, not the share of the code’s area the logo covers.) Keep the mark dead center and never let it drift over the three finder squares in the corners, the timing or alignment patterns, or into the quiet-zone margin. The QR standard (ISO/IEC 18004) uses those regions to locate, align, and frame the code, and the data error correction does not rebuild them.

Step 4 — Scan-Test on iPhone and Android

Download the code and scan it with at least one iPhone and one Android phone, at the size you’ll actually print. If it hesitates or fails, shrink the logo first before changing anything else — oversizing is the number-one cause of a branded code that won’t read. Only once it scans clean on both platforms should you export the final file.

Drop your logo onto a code now — error correction is handled for you, free. — Create Your Free QR Code

Logo Size, Shape, and Format Guidelines

A reliable QR code logo comes down to three variables — size, shape, and file format — starting with size. The most common measuring mistake is mixing up width and area. A logo 30% as wide as the code covers only 9% of its area: on a 300 × 300 pixel code, a 90 × 90 pixel logo is 8,100 of 90,000 pixels. On a 3 × 3 cm printed code, the same proportion is a 0.9 × 0.9 cm logo box. Neither figure is a guaranteed safe maximum — how much a given code tolerates depends on its version, its error-correction level, the logo’s exact shape, and the print conditions — so treat any size as a starting point and confirm it with a scan test. Go smaller for anything that will be handled, weathered, or scanned at a distance.

A few guidelines that keep a branded QR code with a logo reliable:

• Format: PNG with transparency or SVG. Avoid JPEGs, which bake in a background and often add compression fuzz around edges.
• Shape: square or circular marks centered in the code. Long horizontal logos work poorly; consider using just an icon or monogram instead of a full wordmark.
• Padding: a thin white plate behind a detailed logo improves contrast against the modules and helps the scanner separate mark from pattern.
• Contrast still applies: the modules themselves must stay dark on a light background. The QR code colors that scan rules govern the code regardless of what logo sits on top.

For broader styling — frames, module shapes, and calls to action around the code — see the QR code design guide.

When a Logo Is a Bad Idea

Sometimes the right branding move is no logo at all. A mark you can’t scan is worse than a plain black code that always works.

Skip the logo when:

• The print is tiny. Under about 2 cm, each module is so small that there is little margin to spare, and that any center coverage tips it over the edge. Keep small codes clean.
• The data is dense. A long vCard or a lengthy URL produces a code with many small modules, leaving less structural slack. Dense codes are less forgiving of a covered center.
• The surface takes heavy wear. On a code that will be scuffed, rained on, or scanned through glare, spend the error-correction budget on survivability, not branding.

In each case, the smarter play is to shorten the content, size the code up, or drop the logo entirely. Logo placement and the automatic error-correction adjustment are free in QRocket, so you can try a code with and without a mark and keep whichever scans cleaner.

Can the Whole QR Code Be Shaped Like Your Logo?

Not the code itself. A QR code is always a square grid of modules, with the three square finder patterns in its corners. Scanners find the code by those squares and then read the grid. Cut the grid into the outline of an apple or a star and you remove modules, just as a very large logo would. The code then survives only as far as error correction can rebuild them. GS1’s guideline for 2D barcodes at retail point-of-sale makes the same point about shapes. It warns that warped grids and changed module shapes (its examples are stars, swirls and hearts) make codes harder to read.

What people call a “logo-shaped QR code” is usually one of these:

• A normal code inside a shaped design. The square code sits on a plain tile inside an illustration, badge or mascot drawn in your logo’s shape. The shape is artwork around the code, outside its quiet zone. This is the safest option.
• A circular silhouette. QRocket’s Shape → Silhouette → Circle option keeps the real square code in the middle and fills the space around it with decorative dots to make a round outline. The scannable part is still the square, so leave the finder patterns clear and scan-test the result.
• Styled modules and corners. Rounded or dotted modules and custom corner shapes echo a brand’s look without changing the grid.
• Art-style codes. AI QR codes blend the pattern into an image. They can look like almost anything, but they’re the least reliable to scan.

If a designer hands you a code cut into a custom outline, treat it like an oversized logo: raise error correction to H, keep all three finder squares intact, and test on several phones before you print.

Branded and Bulletproof

The logo in the center is the part people notice, but the reason it works is invisible: a redundancy system doing quiet repair on every scan. Keep the mark small, centered, and clear of the finder squares and other structural patterns, and error correction can handle the rest. Upload your mark to QRocket, start at the default logo size, and scan the proof on two phones — branded and bulletproof in one sitting, with no design software and no subscription.

Frequently Asked Questions

How big can the logo in a QR code be?

There is no universal maximum. Level H error correction can restore about 30% of a code’s codewords, but that is not the same as 30% of its area: a partly covered codeword still counts as lost, finder and other structural patterns can’t be repaired, and print wear uses the same budget. Keep the logo modest — a logo 30% as wide as the code already covers 9% of its area — use level H, and scan-test the final design before printing.

What file format works best for the logo?

A PNG with a transparent background or an SVG. Both let the code’s pattern show around the mark instead of being blocked by a solid rectangle. Square proportions sit cleanest in the center; avoid JPEGs, which bake in a background and can add fuzzy compression edges.

Why does my QR code stop scanning after adding a logo?

Two usual culprits: the logo damages more codewords than the error-correction level can restore, or it covers a finder, timing, or alignment pattern that error correction cannot rebuild. Check that error correction is at level H, shrink the logo, keep it centered, and make sure it never touches the three squares in the corners. Test again before printing.

Does a logo slow down scanning?

Not noticeably, if the code scans cleanly in your tests. The decoder rebuilds the covered data from the recovery codewords as part of the same decode. If a branded code hesitates or needs several attempts, that is a sign the logo is using too much of the error-correction budget — shrink it.

Do I need a paid tool to make a QR code with a logo?

No. Logo placement, the automatic switch to level H error correction, and a built-in logo library are all free in the right tool. There is no watermark to remove and no premium plan needed for the feature — you upload your mark, size it, and download.

Can a QR code be in the shape of a logo?

Not the code itself. A QR code is always a square grid with three square finder patterns. What looks like a logo-shaped code is usually a normal square code placed inside a shaped illustration, a circular silhouette made with decorative dots around a square code, or an AI art code. Cutting the grid itself into a shape removes modules, so treat it like an oversized logo and test it on several phones.