How to Generate a QR Code With a Logo Free Online (Without Breaking It)

To generate a QR code with a logo, create the code with high (H-level) error correction, place your logo dead center covering no more than about 20–30% of the code's area, and keep the three corner finder squares untouched. The code still scans because error correction rebuilds the hidden modules. Do it in seconds with our free QR code generator. Below: the exact size limits, design rules that keep codes scannable, testing, and when a logo is a bad idea.

Can You Put a Logo in the Middle of a QR Code? Yes — Here Is Why

A QR code survives a logo because it was engineered to survive damage. Every QR code carries Reed–Solomon error correction — the same math that lets scratched CDs still play music. The code's data is duplicated redundantly across its modules, so covering part of the pattern with a logo is no different, to a scanner, than a smudge or a torn corner. At the highest error-correction level (H), up to 30% of the code can be obscured or damaged and the phone still decodes it. Your logo simply spends some of that damage budget. This is also why a logo'd QR code needs the H setting specifically: at the default L level, only 7% damage is survivable, and a centered logo will kill the scan. Any reputable QR code generator with a logo option sets error correction to H automatically when you add an image — if yours does not offer an error-correction setting at all, pick a different tool.

The 10-Second Method: Generate a QR Code With a Logo Free

Here is the whole workflow. 1. Open our free QR code generator and enter your destination — a URL, a Wi-Fi network (see our Wi-Fi QR code guide for the exact format), or plain text. 2. Set error correction to High (H). 3. Upload your logo — a square PNG with a transparent background works best. 4. Size it so it covers roughly 15–25% of the code's total area; most tools show a live preview with the logo centered. 5. Add a white backing behind the logo if your logo has transparency — floating dark pixels on the code's light modules confuse scanners. 6. Download as SVG for print (infinitely scalable) or PNG at 1000px+ for screens. 7. Test with at least two different phones before publishing. The entire process takes under a minute, costs nothing, and needs no account.

The 30% Logo Rule: Size Limits That Keep Codes Scannable

The single most important number in logo QR design: keep the logo's area at or under ~30% of the code, and treat 20% as the comfort zone. Why not push to the limit? Because real-world scanning adds its own damage on top of your logo — glare on a glossy menu, a wrinkled sticker, a phone camera with a smudged lens. A logo at 28% on a pristine printout can fail on a sunlit storefront. Practical guidance by use case: business cards and flyers (controlled lighting, close range) — up to 25% is fine. Posters and signage (distance, glare, weather) — stay under 15% or skip the logo entirely. Product packaging — 20% max, and test on the actual curved surface. Also mind the quiet zone: the blank margin around the code must stay empty — no logo bleed, no text, no design elements. Scanners use that margin to find the code's edges; invade it and detection fails before decoding even starts. Finally, never let the logo touch the three large finder patterns (the corner squares) — they are the code's landmarks, and covering one is the fastest way to make a QR code unscannable.

Design Rules: Contrast, Color, and Logo Choice

Scannability is a contrast problem. QR readers look for dark modules on a light background, so your logo must not break that contract. Rules that matter: keep the code itself black on white — inverted or low-contrast color schemes already eat into your damage budget, and adding a logo on top compounds the risk. Use a simple, high-contrast logo: a bold mark on a white rounded square reads far better than a thin, detailed, or dark-on-dark emblem. Put a white backing behind the logo — most generator tools do this automatically, and it isolates the logo's pixels from the code pattern. Avoid gradients and fine lines in the logo at small sizes; they turn to mush when printed at 2 cm. And resist 'creative' QR art where the whole code is recolored or reshaped around a brand image — those are designer toys, not functional codes, and they fail in the wild constantly. One more subtle point: if your destination is a long URL, the code gets denser (more modules, smaller each), which leaves less room for error — shorten URLs before generating, because a sparse code tolerates a bigger logo than a dense one. If your URL contains special characters, encode them first — our guide to encoding URL special characters explains the percent-encoding that keeps QR URLs valid.

PNG vs SVG: Which Download for Which Job

Two formats, two jobs. PNG is a raster image — pick it for screens: websites, email signatures, social posts. Export at 1000 x 1000 px or larger; a 200 px QR code looks fine on your monitor and fails on everyone else's phone. SVG is vector — infinitely scalable with zero quality loss. Use it for anything printed: business cards, packaging, banners, vehicle wraps. A print shop can scale an SVG to a meter wide without the edges softening, while a PNG will pixelate. One caution with SVG: some design tools rasterize SVGs on import at low resolution — if your designer works in Canva or similar, export the PNG at high resolution instead and hand them that. Whatever the format, keep the master file: if the logo changes or the URL needs updating, you regenerate from the original rather than screenshotting a printed copy (screenshots of QR codes are a classic source of unscannable reprints).

Test Before You Print: The Two-Phone Rule

Every logo QR code gets tested before it goes public — no exceptions. The rule: scan it with two different phones (ideally one iPhone and one Android, since their camera apps decode differently), at the actual size and distance it will be used. A code that scans on your desk at 10 cm may fail on a poster scanned from 2 meters — distance shrinks the modules and the logo's relative damage grows. Test in the actual lighting too: glossy lamination under spotlights is the number-one killer of real-world QR codes. Also test after any design export — PDF compression, print-shop color profiles, and social-media recompression can all degrade the pattern. If a code fails testing, the fixes in order are: shrink the logo, raise error correction to H, increase the printed size, and simplify the logo. Do not ship a code that only scans 'if you hold it just right' — in the wild, nobody will.

Static vs Dynamic QR Codes: Which One Do You Need?

A quick but important fork in the road. Static QR codes encode the destination directly — the URL is baked into the pattern, it works forever, and it is free. The catch: you cannot change where it points later, and long URLs make dense codes. Dynamic QR codes encode a short redirect link hosted by a service, so you can change the destination and track scan counts — but they depend on that service staying alive and usually cost money. For a logo code on a business card or packaging that you will reprint anyway, static is the right call: it is free, permanent, and private. For a marketing campaign where you might retarget the landing page mid-flight, dynamic earns its keep. Either way, the logo rules in this guide apply identically — error correction, size limits, and testing do not care which kind you chose.

When NOT to Put a Logo on a QR Code

Logos are branding, not a requirement — and sometimes they hurt. Skip the logo when the code will be printed smaller than 2 x 2 cm (receipts, tiny labels), because at that size the logo consumes the entire damage budget. Skip it on codes scanned at long distance (billboards, building wraps), where every module is already marginal. Skip it when the code carries critical information — payment codes, boarding passes, medical or emergency instructions — where a failed scan has real consequences. And skip it if your 'logo' is really a detailed illustration: the 30% rule assumes a simple mark, and complex artwork at logo size is just noise to a scanner. In all these cases, a clean high-contrast code with a caption underneath ('Scan for menu') outperforms a pretty-but-flaky branded one. Branding that breaks the tool it is printed on is not branding — it is decoration on a dead link.