Make a QR code with a logo

Place a logo over a QR symbol while preserving scan reliability.

freeworks offlinenothing uploaded
ToolQR Code with Logo
Input
Output
—
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

A QR symbol is encoded with finder patterns and Reed–Solomon error correction, then a logo is composited over the center with optional padding and a background shape. The covered modules must remain within the selected correction level’s recovery capacity.

  • Higher correction tolerates more covered modules but reduces payload capacity.

Worked example

Branded QR Code
Generate a QR code with a logo placeholder area
Input
											Text: https://example.com
Size: 300
Logo size: 60
Dark color: #000000
Light color: #ffffff
Logo placeholder: true
Output

When to use this

Branded campaign codes, event badges, and packaging labels combine logos with QR symbols.

Edge cases

  • A large opaque logo can cover timing or finder modules.
  • Transparent logo edges may reduce contrast against dark modules.
  • A quiet-zone crop can break detection even when the center is intact.

References