QR code with logo
Add your logo to a QR code — without breaking the scan.
Free, browser-based generator. Upload PNG, SVG, or JPG. We automatically bump the error-correction level so your code keeps scanning even with the logo on top.
How does a QR code with a logo work?
Every QR code reserves a percentage of its area for damage tolerance — that's called error correction. Level L tolerates ~7% damage, level H tolerates ~30%. When you add a logo, you're intentionally damaging the code, so you need a higher error-correction level to keep it scannable.
The rule of thumb: keep the logo to 20–25% of the QR's width, use level H, and you're safe. Qraft handles the error-correction bump automatically when you upload a logo.
7 steps to a logo QR code
- 1Open the editorClick the button below to open Qraft and start with a fresh URL QR.
- 2Enter your URLPaste the link the code should resolve to.
- 3Pick a templateOptional — start from a template to skip styling work.
- 4Upload your logoSwitch to the Logo tab. PNG, SVG or JPG accepted; SVG is best for crisp print.
- 5Adjust logo sizeKeep it 20–25% of the QR width. Qraft warns if you go over.
- 6Test scan in the previewScan the live preview with a phone before exporting.
- 7DownloadPNG for digital, SVG or PDF for print.
QR with logo vs without logo
Adding a logo improves brand recall but slightly reduces scan reliability in extreme conditions. Here's when to use each.
| Scenario | Without logo | With logo |
|---|---|---|
| Brand recognition | Low | High |
| Scan reliability in poor lighting | Excellent | Very good (with level H) |
| Print size needed | ~ 2 cm minimum | ~ 3 cm minimum |
| Best for | Tickets, receipts, packaging tiny labels | Posters, business cards, flyers, menus |
Frequently asked questions
Can a QR code with a logo still be scanned?▾
Yes. The QR specification reserves capacity for damage and obstructions (error correction). When you add a logo, Qraft automatically raises the error correction to level H (30%), which lets the code be reliably scanned even with a logo covering up to about a third of its modules.
What logo file formats work best?▾
SVG is best — it stays crisp at any size. PNG with a transparent background is the next best choice. JPG works but won't blend cleanly into transparent or gradient backgrounds.
How big can the logo be?▾
Keep the logo to roughly 20–25% of the QR code's width. Going beyond 30% risks unreliable scanning, especially in poor light or on low-end phone cameras.
Should the logo background match the QR background?▾
Ideally yes — either match the QR background color or use a transparent PNG/SVG. A solid-color square around the logo on a different-colored QR background will look unintentional in print.
How do I test a logo QR code before printing?▾
Scan it from the actual distance you plan to deploy at, with at least two different phones (iOS + Android), under both bright and dim lighting. If any scan fails, increase the QR size or shrink the logo by 5%.