🎨 Logo QR Code Generator

QR Codes With Your
Logo in the Centre

Create professional, branded QR codes with your company logo embedded in the centre. Custom dot styles, eye shapes, gradients, and colours — perfect for business cards, packaging, and marketing materials.

🏢 Business Cards 📦 Packaging 🖨️ Print Media 🌐 Website 📢 Marketing
🎨 Branded QR details LOGO QR
How it works: Enter your URL or text content, upload your logo, choose dot style, eye style, colours and logo shape. Your branded QR code generates instantly with the logo perfectly centred.
Enter your website URL, social profile, Google review link, or any text you want to encode.
Your Logo
Click or drag to upload your logo
PNG (transparent BG best) · JPG · SVG · WebP · max 500 KB
Logo preview
Logo will be centred in the QR · EC auto-set to H
🌈 Gradient
(start → end)
Dot Style
Eye Style
Level H recommended with logo overlay for reliable scanning.
Logo QR Code —
💡 Logo QR best practices
Use PNG with transparent background for cleanest result
Round logos look great with the Circle shape option
Use Level H error correction — already set for you
High contrast between QR and background is essential
Test scan on iOS and Android before printing at scale

📊 Why Branded QR Codes Outperform Plain Ones

80%
higher scan rate for branded QR codes vs. plain black-and-white codes
3×
more likely to be scanned when the QR displays a recognisable brand logo
30%
of QR codes that can be covered by logo overlay while remaining scannable
12
customisation options — dot styles, eye styles, shapes, gradients, colours

📖 How to Create a Logo QR Code

Enter Your URL or Text
Paste your website URL, social profile link, Google review link, or any text you want to encode. The QR code will take anyone who scans it directly to this destination.
Upload Your Logo
Click the upload area or drag your logo file. PNG with a transparent background gives the cleanest result. JPG, SVG, and WebP also work. Max 500 KB.
Choose Logo Shape & Size
Select square, rounded, circle, or no frame for the logo background. Adjust size from 10-35% of the QR area. Add a subtle shadow for depth.
Custom Dot & Eye Styles
Choose from square, circle, diamond, or rounded dots. Select eye styles — standard, rounded, circle, or diamond — to completely change the QR's look.
Set Brand Colours
Choose foreground and background colours that match your brand identity. Toggle Gradient for a smooth colour transition from start to end.
Download & Deploy
Download SVG for perfect print quality at any size. Download PNG for digital use. Your branded QR is ready for business cards, packaging, and marketing.

💼 8 Best Uses for Logo QR Codes

Business Cards
A branded QR on your business card with your logo in the centre instantly communicates professionalism and drives website traffic from every card you hand out.
Product Packaging
Your brand logo in the QR reinforces brand identity at unboxing. Link to your website, product manuals, warranty registration, or review page.
Retail Displays
Point-of-sale materials with a branded QR code stand out and get scanned more often than generic QR codes — 80% higher scan rate.
Event Materials
Conference banners, exhibition stands, and event programmes. Your branded QR code builds trust and increases scan intent at events.
Print Advertising
Magazine ads, flyers, and posters. A branded QR code that matches your ad design drives far higher response rates than a plain QR code.
Email Campaigns
Embed a branded QR in email footer or signature for mobile recipients to easily scan to your latest offers, landing pages, or app download.
Gift & Loyalty Cards
Branded QR codes on loyalty cards or gift vouchers — scan to check balance, redeem offers, or join a loyalty programme.
Restaurant Menus
Table QR codes with your restaurant logo look polished and professional, encouraging customers to scan vs. plain QR codes they might ignore.

🚀 6 Benefits of Logo QR Codes

3× Higher Scan Rate
Branded QR codes with a recognisable logo get scanned significantly more than plain black-and-white codes. Brand recognition triggers trust and scan intent.
Brand Consistency
Every touchpoint where your QR appears — packaging, cards, signage — reinforces your brand identity. The logo in the centre makes it unmistakably yours.
Trust & Credibility
A QR code with your logo communicates legitimacy. Customers are more likely to scan a code they recognise than a random black-and-white square.
Print-Ready SVG
Download as SVG for perfect quality at any print size — from a tiny 1×1 cm code on a sticker to a massive billboard. No pixelation, ever.
Instant Generation
Upload your logo and your branded QR generates live in the browser. No server, no wait, no account required. Ready in under 10 seconds.
Completely Free
Professional-grade logo QR codes with no watermarks, no subscriptions, and no limits. Other tools charge £10-£50/month for the same output.

🔗 Related QR Code Tools

🎨
Logo QR Code
Branded QR with logo
 🔷
Shaped QR Code
Custom dot patterns
 🔗
URL QR Code
Any website link
 👤
vCard QR
Digital business card
 ⭐
Google Review QR
Collect 5-star reviews
 📶
WiFi QR
Share network access
 📸
Instagram QR
Grow followers
 💳
UPI Payment QR
Accept payments
 🎟️
Ticket QR
Event entry codes
 ▶️
Video QR
Link to any video
 ✉️
Email QR
Pre-filled email
 💬
WhatsApp QR
Chat & support

📖 Complete Guide to Logo QR Codes

A logo QR code is a standard QR code with your brand's logo, icon, or image embedded in the centre. It encodes the same data as any QR code — a URL, text, contact card, or payment link — but with visual branding that makes it instantly recognisable and significantly more likely to be scanned by your target audience.

How Logo Overlay Works Without Breaking the QR Code

QR codes have built-in error correction — the ability to recover data even when part of the code is obscured or damaged. Level H error correction (which this tool sets automatically when you upload a logo) can tolerate up to 30% of the QR code being obscured. As long as your logo covers less than 25% of the QR area, the code remains fully scannable. Our generator automatically sizes the logo to stay within this safe zone.

Choosing the Right Logo Format

For the cleanest result, use a PNG with a transparent background. This allows the white backing behind the logo to blend seamlessly with the QR code background. A JPG logo will work but will have a white square backing that may not match if you're using a non-white QR background. SVG logos at any resolution will always render crisp and clean.

Dot Styles & Eye Styles — What They Do

Dot styles change the shape of the individual QR modules. Squares (default) are the most scan-reliable. Circles create a softer, modern look. Diamonds add a premium, geometric feel. Rounded dots combine the reliability of squares with a softer edge.

Eye styles change the three corner finder patterns — the distinctive boxes that help scanners orient the code. Standard is the most reliable. Rounded creates a friendly, modern look. Circle eyes are clean and minimal. Diamond eyes are bold and distinctive.

Pro Tips for Logo QR Codes

Frequently Asked Questions

Enter your URL or content, then click the upload area to add your logo. The logo is automatically centred in the QR code and sized to stay within the 25% safe zone. We auto-set error correction to Level H to keep the code scannable.
Not with our generator. QR codes have error correction that tolerates up to 30% obstruction at Level H. We auto-set Level H when you add a logo and constrain the logo to under 25% of the QR area — so it remains fully scannable.
PNG with a transparent background gives the cleanest result because the white frame blends with any background colour. JPG works but always has a white square. SVG is also supported and always renders crisp at any size.
Dot styles change the shape of individual QR modules — square (default), circle, diamond, or rounded. Eye styles change the three corner finder patterns — standard, rounded, circle, or diamond. They dramatically change the QR's look while keeping it fully functional.
Yes. Toggle the Gradient switch and choose two colours. The QR transitions from the start colour to the end colour. For best scanning, keep both colours dark and maintain high contrast against the background. Dark purple to dark blue works especially well.
No. All processing — QR generation and logo overlay — happens entirely in your browser using JavaScript. Your logo and URL never leave your device.
With a static QR code, the URL is encoded in the image — changing it requires reprinting. If you need flexibility, use a URL shortener (like Bitly) as the QR destination, then update the redirect target whenever needed. The same QR code always points to the new page.

Logo QR Code · ToolsBox.org

');win.document.close();} function resetAll(){document.getElementById('logo-url').value='';rmLogo();document.getElementById('qr-out').innerHTML='';document.getElementById('qm-info').textContent='—';document.getElementById('qm-ready').textContent='';document.getElementById('link-preview').style.display='none';} function toggleCust(){const b=document.getElementById('cust-body');const hd=document.querySelector('.cust-hd');const h=b.classList.toggle('hide');hd.setAttribute('aria-expanded',!h);document.querySelector('.cust-arr').textContent=h?'▾':'▴';} function syncHex(cid,hid){document.getElementById(hid).value=document.getElementById(cid).value;} function syncCol(hid,cid){const v=document.getElementById(hid).value;if(/^#[0-9a-fA-F]{6}$/.test(v))document.getElementById(cid).value=v;} function updSize(){document.getElementById('sz-label').textContent=document.getElementById('sz-range').value+'×'+document.getElementById('sz-range').value;} function setEC(ec,btn){EC=ec;document.querySelectorAll('.ec-p').forEach(p=>{p.classList.remove('on');p.setAttribute('aria-pressed','false');});btn.classList.add('on');btn.setAttribute('aria-pressed','true');} function preset(fg,bg){document.getElementById('fg-col').value=fg;document.getElementById('fg-hex').value=fg;document.getElementById('bg-col').value=bg;document.getElementById('bg-hex').value=bg;} function showErr(m){const e=document.getElementById('err-box');e.textContent='⚠️ '+m;e.classList.add('show');setTimeout(()=>e.classList.remove('show'),5000);} function hideErr(){document.getElementById('err-box').classList.remove('show');} function faq(el){const p=el.parentElement;const open=p.classList.contains('open');document.querySelectorAll('.fi').forEach(x=>{x.classList.remove('open');x.querySelector('.fq').setAttribute('aria-expanded','false');});if(!open){p.classList.add('open');el.setAttribute('aria-expanded','true');}} (function(){const h=document.getElementById('ham'),m=document.getElementById('mob-menu');h.addEventListener('click',()=>{const o=m.classList.toggle('open');h.setAttribute('aria-expanded',o);const s=h.querySelectorAll('span');if(o){s[0].style.transform='rotate(45deg) translate(4px,4px)';s[1].style.opacity='0';s[2].style.transform='rotate(-45deg) translate(4px,-4px)';}else{s.forEach(x=>{x.style.transform='';x.style.opacity='';})}});document.addEventListener('click',e=>{if(!h.contains(e.target)&&!m.contains(e.target)){m.classList.remove('open');h.setAttribute('aria-expanded','false');h.querySelectorAll('span').forEach(x=>{x.style.transform='';x.style.opacity='';})}});})(); (function(){const drop=document.getElementById('logo-drop');['dragenter','dragover'].forEach(ev=>drop.addEventListener(ev,e=>{e.preventDefault();drop.classList.add('drag-over');}));['dragleave','drop'].forEach(ev=>drop.addEventListener(ev,e=>{e.preventDefault();drop.classList.remove('drag-over');}));drop.addEventListener('drop',e=>{e.preventDefault();const f=e.dataTransfer.files[0];if(f&&f.type.startsWith('image/')){const dt=new DataTransfer();dt.items.add(f);document.getElementById('logo-inp').files=dt.files;handleLogo(document.getElementById('logo-inp'));}});drop.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();document.getElementById('logo-inp').click();}});})(); // Shadow slider listener document.getElementById('logo-shadow').addEventListener('input',function(){document.getElementById('logo-shadow-val').textContent=this.value+'px';autoGenerate();}); window.addEventListener('load',()=>{ document.getElementById('logo-url').value='https://mytoolsbox.org'; livePreview(); generateQR(); });