Free QR Code Generator with Logo

🔒 Runs in your browser — nothing is sent to a server

Generate a QR code with your logo placed cleanly in the centre. Upload a PNG, SVG, JPG, or GIF and the generator overlays it on the QR while automatically raising error correction to level H (30% recovery), so the code stays reliably scannable even with the visual obstruction. Branded QRs are the standard for marketing materials, packaging, business cards, and event posters — they look polished, reinforce identity, and scan as fast as a plain QR. Adjust dot style, eye shape, and colours to match your brand. Everything is rendered in your browser.

1. Choose what to encode

Encode a URL that opens when scanned

2. Enter content and adjust style

If the protocol is missing, https:// is added automatically

Auto-updates on change

Style

300 px
4 modules

Design

3. Preview and download

Enter data and click Generate to preview

Copied!
Copied!

Designing a QR that looks like your brand

A branded QR is more than a plain code with a logo dropped in the middle. Match the dot colour to your primary brand colour (or keep dots black and let the logo carry the brand). Use the rounded or extra-rounded dot style for a softer look, or classy/dots for a more distinctive geometric feel. Keep the eye shape consistent with the dots — square dots with extra-rounded eyes look mismatched. Always preserve the white quiet zone and never invert the colours (light dots on a dark background scan less reliably).

Where branded QRs deliver real value

Branded QRs are the default for high-touch marketing surfaces: business cards, packaging, magazine ads, conference banners, restaurant menus, and product manuals. The visual identity reassures the user the code is not a malicious sticker pasted over the real one — a real concern for posters in public spaces. For pure utility QRs (warehouse asset tags, internal SKU labels), skip the logo entirely; speed and density matter more than branding there.

Print and resolution checklist

Export SVG whenever the QR will be printed at variable sizes or sent to a designer for layout. Export PNG only for final-size digital deliverables. Print at 300 DPI minimum, and always test-scan the printed sample under realistic lighting before signing off — overhead office light reads differently to direct sunlight on glossy stock. If the printed QR fails to scan, the most common culprits are insufficient quiet zone, low contrast against a coloured background, or a logo that crept past 25% of the QR area.

FAQ

How do I add a logo to a QR code?

In the Design section, click the file input next to "Center logo (optional)" and pick an image from your device. The generator centres the image on the QR, scales it to roughly 22% of the code, and re-renders. You can swap the logo or remove it at any time without regenerating the underlying payload — handy for testing different brand variants quickly.

Will my QR still scan after adding a logo?

Yes, provided the generator did its job — and it does, by force-raising the error correction level to H (30%) the moment a logo is attached. Reed-Solomon redundancy then mathematically reconstructs the data underneath the logo at scan time. Hundreds of millions of branded QRs in the wild rely on exactly this trick; it has been the standard practice since 2010.

What logo size should I use?

Keep the logo to no more than 25% of the QR area (the generator targets 22% by default). Beyond that, even level-H error correction starts to fail. The logo can be square or roughly square — long horizontal or vertical logos crop awkwardly into the centre. For best results, supply a logo with internal padding so it sits cleanly inside the central reserved zone.

What file formats are supported for the logo?

PNG and SVG produce the cleanest results — PNG with a transparent background lets the QR show through any non-logo pixels, SVG scales perfectly at any output size. JPG and GIF also work, but JPG cannot have transparency (the rectangular background may visually clash) and GIF colours are limited to a 256-colour palette.

Should the logo have a transparent background?

Strongly preferred for PNG and SVG. With transparency, the QR pattern continues into the corners around the logo, preserving more scannable area and looking less boxy. If transparency is not possible, use a solid white background that matches the QR background colour — and never use a background that competes visually with the dark QR dots (no black, no high-contrast pattern).

Why is error correction set to H automatically?

A logo physically obscures part of the QR. Level H Reed-Solomon coding tolerates up to 30% data loss, which is enough headroom to cover a centred logo around 22% of the area while leaving margin for print imperfections. Lower error-correction levels (M or Q) would leave the code only barely readable; L would fail outright. The auto-bump removes the user error of forgetting to raise it manually.

Can I use a coloured logo?

Yes, colour does not affect scanability — only contrast and area matter. Modern phone cameras decode QRs with multi-coloured logos, brand-coloured dots, and gradient backgrounds without trouble. The one caveat: if you intend the QR to be read by older dedicated scanners (warehouse hardware, point-of-sale guns), stick to high-contrast black-on-white and let the logo carry the colour.

Can I add a logo to a WiFi or vCard QR?

Yes — the logo overlay is independent of the data type. Switch to the WiFi tab on the main QR Code Generator, fill in your network credentials, then upload a logo. The same applies to text, URL, email, and phone QRs. Capacity headroom does shrink slightly because more bits are spent on error correction, but real-world payloads (URLs under 200 chars, WiFi strings, mailto links) fit comfortably.

Glossary

Logo overlay

An image rendered on top of the centre of a QR code, typically a brand mark or icon. The QR specification has no formal concept of an overlay — the technique works purely because Reed-Solomon error correction reconstructs the data covered by the image at scan time.

Error correction H

The highest of the four QR error-correction levels (L, M, Q, H), recovering up to roughly 30% of obscured or damaged data. Level H is mandatory for any QR with a logo overlay; lower levels do not leave enough redundancy to survive the obstruction reliably.

Reed-Solomon coding

The mathematical scheme that gives QR codes their resilience. Reed-Solomon adds redundant codewords distributed across the code so that a partially obscured or damaged QR can still be decoded as long as the lost area stays under the error-correction threshold (7%, 15%, 25%, or 30% for L/M/Q/H).

Module density

The number of black-and-white modules in a QR code, dictated by the data length and chosen error-correction level. Adding a logo bumps error correction to H, which forces a denser pattern (more modules) for the same payload — the visual side effect of the auto-bump.

Vector vs raster logo

Vector logos (SVG) scale to any output size without losing edge sharpness, ideal when the QR will be printed large or at variable scales. Raster logos (PNG, JPG, GIF) have fixed pixel dimensions and look soft when scaled up — supply at least 2× the intended print resolution.

Quiet zone

The mandatory blank border around the QR (minimum 4 modules per the spec). The logo lives strictly inside the QR, never spilling into the quiet zone — encroaching on the quiet zone breaks scan detection no matter how much error correction you have.

Related tools

QR Code Generator
Create QR codes for URLs, Wi-Fi, email, phone, and plain text
WiFi QR Code Generator
Generate WiFi QR codes — guests scan to auto-join your network
URL QR Code Generator
Generate QR codes for any URL or website link, scannable on every phone