QR code generator with logo

Every QR code carries error correction: part of the code can be rebuilt even if it's damaged or covered. There are four levels. L recovers about 7%, M about 15%, Q about 25% and H about 30%. A logo is really just deliberate “damage” in the middle of the code, and error correction fills in the gap.

So when you add a logo, the generator switches to level H automatically and works out what share of the data modules the logo hides. Above 22% we won't let you download without confirming. That leaves headroom below the 30% ceiling for scratches, glare and photos taken at an angle.

You can also clear a quiet area around the logo: the modules under and around it are dropped entirely, so the logo's edge doesn't blur into the dots and cameras get a cleaner read.

Most generators show you a pretty code. They don't tell you whether it works. After every change we read the finished image back with two independent decoders (jsQR and ZXing), plus the browser's built-in scanner where available. We try a sharp version and a slightly blurred one, because that's roughly how a phone camera sees it.

• Green: every decoder got back exactly what you typed. A “✓ Verified” label sits next to the download button.
• Amber: only some decoders read it. Phones usually still will, but simplifying is a good idea.
• Red: downloading takes an extra confirmation, so you never print a dead code by accident.

We also check contrast (aim for 4:1 or better) and the quiet zone, the empty border around the code.

Logo	What to watch
Simple icon or monogram	the best choice; still recognizable when small
Wide logo with a wordmark	it gets tiny on a square plate, so use the icon part
Transparent PNG or SVG	add a white plate so it stands apart from the modules
Photo or lots of fine detail	turns to mush at small sizes; avoid

Your browser processes the logo and turns it into a 600-pixel image. It's never uploaded to a server. The size slider runs from 10% to 30% of the code's width, but what really matters is the share of modules covered, and we always show you that number.

No logo handy? Pick a built-in icon: Wi-Fi, menu, phone, email, location, calendar and more.

Beyond the logo, the rest of the code is yours to style too:

• Module shape: square, rounded, dots, soft, classy, diamond, bars.
• Eyes (the three corner markers): separate frame and center shapes, each in its own color.
• Gradient: linear or radial, two colors.
• Transparent background: handy for stickers and light-colored packaging.
• Frame with a call to action: “Scan me”, “Menu”, “Wi-Fi” or your own words, below, above or in a box.

Twelve ready-made templates give you a head start, and your browser remembers your settings for next time. Keep a dark code on a light background. iPhones and most Android phones read inverted colors, but many store scanners and older apps don't.

The logo and the frame come along in every format:

• PNG: 150, 300 or 600 dpi at your print width, or a fixed 512 to 8,000 pixels. We write the DPI into the file, so the print shop gets the exact size.
• SVG: vector, for websites, Figma and Illustrator.
• PDF: vector, at exactly the size you set in inches or centimeters.
• EPS: for older print workflows (CorelDRAW, InDesign).

The size helper works out the smallest safe size from the scanning distance (rule of thumb: one tenth of the distance, never under 0.8 in). No watermark, no sign-up, and the code never expires, because it's static: the content lives in the code itself, not on someone's server. Scan it with two phones before you print.