Create a QR Code with Logo (Step-by-Step)

Branded QR codes are great for packaging, events, and print collateral. Follow these steps to create a QR code with a logo that still scans reliably.

Use the free tool: Create a QR code with logo - free, in your browser.

Steps

1. Open the QR Code Generator

2. Enter your URL or text (e.g., https://example.com).

3. Pick colors (foreground/background) with strong contrast.

4. Upload your logo and set size (10-20% of QR width is typical).

5. Increase error correction (recommend "H") to compensate for the logo area.

6. Export as PNG for general use or SVG for print and unlimited scaling.

Short clip (10-30s):

Error correction levels

QR codes can recover part of their data if obscured — which is what makes a centered logo possible:

• L: recovers ~7% of data
• M: recovers ~15% of data
• Q: recovers ~25% of data
• H: recovers ~30% of data

When adding a logo, use H for maximum tolerance.

Print tips

• Export SVG for print — vector output scales to any size without blurring.
• Mind the size — as a rule of thumb, keep printed codes at least 2 × 2 cm; longer URLs create denser codes that need larger print sizes.
• Use a transparent logo — a PNG with a transparent background blends into the code instead of covering it with a white box.

Best practices

• Contrast: Dark foreground on a light background scans best.
• Quiet zone: Keep a clear margin around the QR (4+ modules).
• Logo size: Avoid covering finder patterns; keep logo centered.
• Testing: Scan on multiple devices before publishing.

Related:

• Scan a QR Code in the Browser