QR Code Generator with Logo
Create QR codes for URLs, Wi-Fi, contacts, and any text — with an optional logo in the center. Customize size, colors, error correction. Download as PNG or SVG. Nothing uploaded.
Options
Logo overlay (optional)
Need to scan documents to real PDFs?
Offline PDF Scanner turns your phone camera into a real PDF scanner — with searchable text, not just photos. Works completely offline.
What is a QR code?
A QR code (Quick Response code) is a two-dimensional barcode that encodes text data as a pattern of black and white squares. Unlike linear barcodes, QR codes can hold thousands of characters and can be read from any angle, even when partially damaged. Scanners use the three positioning squares in the corners to find and orient the code.
Common content types
- URL —
https://example.com. The most common use; scanning opens the link. - Wi-Fi —
WIFI:T:WPA;S:MyNetwork;P:MyPassword;;. Scanning joins the network (Android, iOS 11+). - Phone —
tel:+15551234567. Starts a call. - SMS —
smsto:+15551234567:Hello. Pre-fills a text message. - Email —
mailto:hi@example.com?subject=Hello&body=Text. - vCard — a contact card starting with
BEGIN:VCARD. Adds to the scanner's address book. - Calendar event — an iCalendar
BEGIN:VEVENTblock. - Plain text — anything else, displayed as-is by the scanner.
Error correction levels
Reed–Solomon error correction lets a QR code survive damage and still scan correctly. Pick higher levels when the code will be printed small, overlaid with a logo, or placed where it might get scratched:
- L (~7%) — least overhead, densest pattern. Use when the code will be displayed on a clean screen.
- M (~15%) — balanced default.
- Q (~25%) — use when adding a logo overlay or printing small.
- H (~30%) — maximum resilience for stickers, stamps, or artistic codes.
How to use
- Type or paste your content (URL, text, Wi-Fi string, vCard…). The QR code appears instantly.
- Adjust size, error correction, margin, and colors as needed.
- Download as PNG (raster, fixed size) or SVG (vector, scales to any size without pixelation).
Adding a logo to your QR code
A branded QR code — one with a company logo in the center — stands out from plain black-and-white codes and communicates who it's from before it's scanned. This tool supports logo overlay entirely in your browser: upload any PNG, JPG, SVG, or WebP image, and it's drawn on top of the center of the QR code.
When you add a logo, the tool automatically switches the error correction level to H (~30%). Reed–Solomon error correction means the code can still be decoded when up to ~30% of its modules are obscured — enough to cover the center with a logo. Keep the logo under 25% of the QR code's width for reliable scanning; above that, errors start dropping past the recovery threshold.
A white rectangular background behind the logo (enabled by default) improves scan reliability by making the logo's boundaries predictable. For a more integrated look on solid-colored backgrounds, turn it off and use a logo with a transparent background.
Design tips
- Keep contrast high — dark foreground on light background. Inverted (light-on-dark) codes often fail to scan.
- Preserve the quiet zone (margin). 4 modules of white space around the code is the standard.
- Don't rely on colored QR codes outside of high-contrast brand colors.
- For printed codes, test-scan from 2–3× the viewing distance before publishing.
- URLs are often shortened (bit.ly etc.) to keep the code simpler and the density lower.
Privacy
Every byte of your content stays in this browser tab. No content, colors, or settings are transmitted — particularly important when encoding Wi-Fi passwords or personal contact data.