Skip to content
ImgKiloImgKiloOpen tools

QR Code with Logo

QR code with a centre logo, scans still reliable

Drop your URL, then upload a PNG or SVG logo. The generator switches to error correction H so the centre logo does not break the scan. Logo size is capped at 45%; the slider caps where Reed-Solomon math runs out of headroom.

Scan me

What to encode

Style

Frame

  • Files never leave your device
  • Runs in your browser
  • Free, no signup

How it works

  1. 1

    Pick the QR type

    URL, Wi-Fi, email, SMS, phone, UPI, vCard or location. Same generator, multiple payloads.

  2. 2

    Upload your logo

    SVG, PNG with transparency, or JPG. We flip to error correction H and centre the logo automatically.

  3. 3

    Tune logo size and download

    Slider 10–45%. SVG export for print, PNG for screen. The scan stays reliable across phone cameras.

What this branded QR tool does

Error correction H, automatically

Adding a logo flips the QR to 30% Reed-Solomon redundancy so the centre cutout is reconstructed from surrounding modules.

Logo size capped at 45%

The slider stops where reliability stops. Up to 45% works on a clean print; 20–25% is the brand-and-scan sweet spot.

Any payload, any logo

URL, Wi-Fi, UPI, vCard, all the others. SVG, PNG, JPG, WebP logos.

Where this helps

Food

Restaurant menu QR

Restaurant logo centred. Menu URL embedded. Diners scan from the table, no search required.

Retail

Storefront UPI QR

Shop logo on the payment QR. Customers know it is the right shop before they tap pay.

vCard

Brand business cards

vCard QR with company logo. One tap saves the contact and remembers the brand.

Events

Event badges

Conference logo with attendee URL underneath. Networking lands instantly with brand recall.

Wi-Fi

Cafe Wi-Fi card

Cafe logo centred on the Wi-Fi QR. Guests connect; the brand sticks.

Marketing

Print campaign QR

Brand mark on the landing-page QR. Magazine readers scan with confidence.

Tips that help

  • 1

    Square logos sit best

    The centre cutout is square. A square logo fills it; a wide logo wastes space and shrinks the mark.

  • 2

    Use SVG when you can

    SVG composites cleanly at any QR size and stays sharp on print. PNG with transparency is next-best.

  • 3

    Add a white margin around a coloured logo

    Prevents the logo edges from interlocking with QR dots, which can confuse scanners.

  • 4

    Test with three phones before printing

    Your iPhone, an old Android, and a phone at 30% brightness. If all three lock in under 2 seconds, you are safe.

How a logo and a QR coexist

The Reed-Solomon error correction in every QR code lets scanners reconstruct damaged or missing modules. We exploit that headroom to drop a logo in the centre. Done right, the logo turns a generic QR into a brand asset without breaking a single scan.

Error correction is the cushion

QR error correction has four levels: L (7%), M (15%), Q (25%), H (30%). The percentage is how much of the QR's data can be missing or corrupted and still reconstruct. The cost is QR size; H stores more redundancy, so the same payload needs more modules.

QR code with a centre logo, scans still reliable

When you upload a logo, we switch to H automatically. The logo covers a cluster of modules in the centre; H's 30% headroom rebuilds them from the surrounding redundancy bits.

If you never add a logo, M (15%) is the practical default, small QR, fast scan, no cushion needed.

Logo size is the main lever

A logo at 20% of the QR area is the brand-and-scan sweet spot. Big enough to read at a glance, small enough that error correction has plenty of headroom.

At 30–35%, the QR still scans on every modern phone, but starts depending on print quality. Glossy laminate or smudges erode the margin.

Beyond 45%, you are betting against physics. Reed-Solomon math has a limit; the slider caps at 45% to keep you on the safe side.

Logo shape, transparency and colour

Square or near-square logos sit cleanly in the centre cutout. Rectangular logos waste cutout space; horizontal logos cover the QR's finder pattern bands and hurt scan recognition.

Transparent PNG and SVG logos render against the QR's background colour, so a white logo on a coloured QR will not have a visible bounding box. JPG logos always carry a rectangular background, fine when the QR background is also white.

Logo colour matters for branding, not for scans. Scanners read the QR modules; the logo is decoration on top of the cutout. Pick the colour that matches your brand.

Read more

Common mistakes (and how to spot them)

Logo placed off-centre. Corner placement breaks the finder-square detection that scanners rely on. The centre is the only safe position.

Logo cropped to extend over a finder square. The three corner squares are the alignment anchors; the QR fails to register if you cover them. Keep the logo inside the centre quadrant.

Logo with detailed edges that interlock with QR dots. The scanner cannot tell logo from data. Use a clean silhouette or add a small white halo around the logo.

Frequently asked questions

Honest answers to what people ask before using this tool.

Yes, when the error correction level is H (30%). Adding a logo automatically flips the QR to H so the reconstruction headroom covers the centre cutout. The logo replaces roughly 8–15% of the QR modules; level H reconstructs up to 30%, so there is safe headroom for most layouts.

Up to about 25% of the QR's surface is the comfortable limit. Up to 45% works for a clean payload (short URL) on a high-quality print. Beyond 45% even error correction H starts failing reliably across phone cameras. Our slider caps at 45% for that reason.

SVG is best; it composites cleanly at any QR size and stays sharp on print. PNG with transparency is the next-best choice. JPG works but the white square edges may show against a non-white QR background. We accept SVG, PNG, JPG and WebP.

Square works best because the placement is centred. A rectangular logo gets letterboxed inside a square bounding box; the QR scans fine but the brand mark looks small. For long horizontal logos, crop to a square emblem or use just the icon.

Yes. URL, Wi-Fi, vCard, UPI, SMS, email, every payload supports a centre logo. The longer the payload, the denser the QR, and the more careful you need to be with logo size. For vCard and ICS payloads (which are long), keep the logo at 15–20%.

Yes. We composite the logo over the QR after styling, so dark dots on a coloured background, plus a coloured logo, all render correctly. For maximum brand consistency, match the logo colour to the QR dot colour and the background to the QR background.

QR codes use Reed-Solomon error correction. Level H stores enough redundancy to reconstruct up to 30% of damaged or missing modules. Your logo blocks a region of modules; the scanner reads the surrounding modules and rebuilds the blocked ones using the redundancy bits.

Three common causes. Logo too large (over 35%); shrink it in the size slider. Logo edges blend into the dot pattern; add a small white margin around the logo. Logo placement off-centre; keep it centred so the finder squares in the corners stay clean.

Not in the QR itself. Add the 'Scan to pay' or 'Scan to connect' label in your print design around the QR. The QR module area should stay unbranded so scanners can find the finder squares and alignment markers.

Yes. The logo is composited into the SVG as an embedded image element (PNG/JPG logos) or inline SVG (SVG logos). The result is a single self-contained file that prints crisply at any size.

Further reading

Independent references if you want to go deeper on the formats and tradeoffs.

Related tools