How to Create a QR Code With Your Logo (In 2 Minutes)

A plain black-and-white QR code works. But a QR code with your logo in the center, in your brand colors, looks intentional. It signals that you cared enough to brand it — and that makes people more likely to scan it.

Here's the part most people don't know: QR codes with logos are designed to have them. The QR standard includes something called error correction — a built-in redundancy that lets the code survive damage or obstruction. At the highest level (H), a QR code can be up to 30% covered and still scan perfectly. A centered logo falls well within that limit.

What you need before you start

• Your URL — the page you want people to land on (menu, shop, booking form, Linktree, anywhere)
• Your logo file — PNG with a transparent background works best; JPG is fine too
• 5 minutes

Step 1: Enter your URL

Open the generator at the top of this page and type or paste your URL. The QR code renders live as you type — you don't need to click anything.

Keep your URL as short as possible. A shorter URL means fewer QR modules (the little squares), which means a cleaner-looking code that scans faster. If your URL is long, consider a clean permalink or a page alias instead of a raw tracking URL.

Step 2: Upload your logo

Click the logo upload area and pick your file. Two things happen immediately:

1. Your logo appears centered in the QR code preview
2. The generator samples the dominant color from your logo and sets it as the foreground color automatically

This color-matching step takes about a second and is surprisingly good. It finds the most prominent non-white color in your logo and applies it to the QR dots. If you want to tweak it manually, click the Foreground swatch and adjust.

Step 3: Tune the colors

Three color controls matter:

• Foreground — the color of the QR dots. Should have strong contrast against the background. Dark colors on light backgrounds scan best.
• Background — almost always white or your lightest brand color. Scanners need contrast to read the modules.
• Eye color — the three square “finder patterns” in the corners. Giving these a different color (often your accent color) adds a nice touch without hurting scannability.

The single most common mistake: insufficient contrast. Your foreground and background colors need to be far apart in brightness. Dark navy on white: great. Medium gray on light gray: won't scan reliably.

Step 4: Choose a dot style

The default square dots are the safest choice — universal scanner compatibility. Rounded dots look softer and more modern. The dots style (circular modules) gives a very clean, minimal look. Classy uses asymmetric rounding for something more distinctive.

All four styles scan fine when generated with proper error correction. The difference is purely aesthetic.

Step 5: Download

For anything you're going to print professionally — menus, signage, business cards, packaging — you want the Pro download. Here's why:

• HD PNG (2048 × 2048px) — won't pixelate at A5 size or smaller
• SVG — vector, scales to billboard size without losing a pixel
• PDF — print-ready, hand directly to a print shop

The free 512px PNG is fine for a website, email, or WhatsApp share. For print, go Pro.

What makes a logo QR code scannable

Three things cause QR codes to fail:

1. Low contrast — the most common. Always test on a phone before printing thousands.
2. Logo too large — covering more than ~25% of the code overwhelms the error correction. Keep your logo to roughly 20-22% of the total area.
3. Printing too small — QR codes need to be at least 2cm × 2cm (about ¾ inch) for a standard phone camera to read comfortably. For outdoor signage or anything scanned from a distance, go bigger.

One thing to check before you print at scale

Open your phone's camera and scan the QR code on your screen before you commit to a print run. Check that it:

• Scans in under 3 seconds
• Goes to the right URL
• Works on both iOS and Android

If it scans on screen, it will scan in print (assuming the print quality is reasonable and the size is right).

See also

• QR codes for restaurant menus
• QR codes for Etsy packaging inserts