QR code generator with your logo
Put your logo in the middle, set your brand colors, style the dots and corners, and add a frame — on a QR code that still scans. Export in PNG, SVG, JPG, or WEBP, free and with no watermark.
Put your logo in the middle of your QR code
A QR code with your logo in the center does more than look good — it tells the person about to scan it that the code is really yours, not a sticker someone swapped. U2L lets you add your logo, brand colors, custom dot and corner styles, and a call-to-action frame, then export a print- or web-ready file. And because QR codes have built-in error correction, a centered logo doesn't stop it from scanning.
Make it unmistakably your brand
Every part of the code is a control — style it to match, keep it scanning.
Center logo
Drop your brand mark in the middle, with size and shape controls. Error correction keeps it scannable.
Brand colors
Set the module and background colors to match your brand — as long as the contrast holds.
Dot styles
Style the data modules — square, rounded, or dots — for a look that's unmistakably yours.
Corner (eye) styles
Customize the three finder patterns' frames and centers to finish the design.
Frames & CTA
Add a 'Scan me' frame around the code to tell people what to do and lift scans.
Presets
Start from a styled preset and tweak, or design from scratch — free, no watermark.
Design it in four steps
- 1
Create your QR code
Shorten a link and switch to the QR designer. The code encodes a short link, keeping the pattern clean.
- 2
Add your logo & colors
Upload a square brand icon (transparent PNG or SVG) and set your module and background colors.
- 3
Style the dots & eyes
Pick a dot style and corner style, or start from a preset, and preview it live.
- 4
Export for print or web
Download SVG for print (sharp at any size) or PNG for digital — plus JPG and WEBP.
Why a logo doesn't break your QR code
QR codes use Reed–Solomon error correction, with four levels that can recover roughly 7%, 15%, 25%, or 30% of a damaged or covered code. A centered logo typically covers 20–30% of the area — exactly the budget of the highest level, which logo generators use automatically. The scanner reconstructs the modules hidden behind your logo, so it reads perfectly, as long as you stay within the budget and keep the three corner eyes clear.
There's one honest tradeoff: higher error correction needs more modules, so the code is a little denser. Keeping your destination a short link (which U2L does automatically) keeps the pattern clean at small print sizes.
Scannability best practices
- Keep strong contrast. Dark modules on a light background, at least 4:1 — avoid pale, red, or orange foregrounds, and never invert.
- Leave the quiet zone. Keep a blank margin of about four modules (~15% of the width) on all sides.
- Mind the size. At least ~2 × 2 cm, and follow the 10:1 rule — smallest side ≈ 1/10 of the scan distance.
- Don't cover the eyes. Style them, but keep the three corner finder patterns clear and high-contrast.
- Test before you print. Check on iOS and Android cameras at real distance and lighting; print on matte to avoid glare.
Export for print or web
SVG is vector and resolution-independent — use it for print, from business cards to billboards. PNG is universal and supports transparency — best for digital, web, social, and email. JPG is available if a workflow needs it, and WEBP is a lightweight option for the web. Want a QR code you can also re-point after printing? See dynamic QR codes.
QR code with logo FAQ
Will adding a logo break my QR code?+
No. QR codes have built-in error correction that can rebuild up to about 30% of the code at the highest level. A centered logo covering roughly 20–30% sits within that budget, so scanners reconstruct the hidden modules — as long as you don't cover the three corner 'eyes.'
What size should the logo be?+
Keep it to about 20–25% of the code area (up to ~30% at the highest error-correction level), centered. Bigger than that risks pushing past what error correction can recover.
What image format should the logo be?+
A square brand icon or mark as a transparent PNG or SVG. Use the icon, not a full wordmark — wordmarks become unreadable at small sizes, and transparency lets the QR pattern show around the logo instead of a solid box.
Can I make a colored or gradient QR code?+
Yes. Keep dark modules on a light background with at least 4:1 contrast (aim for 7:1 or more). Avoid pale foregrounds and red or orange (cameras struggle with them), and never invert to light-on-dark. Gradients work if the contrast holds.
Can I change the dot and corner (eye) shapes?+
Yes — rounded or dotted data modules and custom eye and corner styles are purely cosmetic. They stay scannable as long as contrast and the quiet-zone margin are preserved.
Should I download PNG or SVG?+
SVG for print — it's vector, so it stays sharp from a business card to a billboard. PNG for digital and web, since it's universal and supports transparency. JPG only if a workflow requires it (it's lossy), and WEBP for lightweight web use.
What size and margin does the QR code need to scan?+
At least about 2 × 2 cm, and follow the 10:1 rule — the code's smallest side should be roughly one-tenth of the expected scanning distance. Keep a blank quiet zone of about four modules (around 15% of the width) on all sides.
How do I make sure it scans before I print it?+
Test the final design with several phones (iOS and Android native cameras) at the real distance and lighting. Print on matte stock to avoid glare, and keep the destination URL short so the code stays low-density.
Do branded QR codes actually get more scans?+
Branding builds trust — people scan codes they recognize as legitimate, and a clear 'Scan me' call-to-action reliably helps. Vendors cite large lifts, but those figures are marketing claims rather than independent studies, so treat exact numbers with caution.
Is it free?+
Yes — design and customize your QR code with a logo, colors, dot and eye styles, and a frame, and export in PNG, SVG, JPG, or WEBP, with no watermark.
Design a QR code that's on brand
Add your logo, colors, and style — and download a scannable QR code free, with no watermark.