How to Make a QR Code With a Logo in the Center
Updated 2026-06-21
To make a QR code with a logo, generate the code, set the error correction level to H, then drop your logo image into the center at around 20% of the code's width. The H level adds enough redundant data that the logo covers part of the pattern without breaking the scan.
Here is the full workflow, plus the styling that turns a plain black-and-white square into something on-brand.
Build the code and add your logo
- Open the Stylized QR Code Generator and pick a content type — URL, Wi-Fi, vCard, Email, SMS, Geo, or raw Text. For a URL, a scheme like https:// is added automatically if you leave it off.
- Set Error correction to H before adding artwork. This is the single most important step — a logo blocks modules, and only the H level reliably tolerates that loss.
- Under Center logo, choose your image file. PNG with a transparent background or a square logo works best.
- Drag the Logo size slider, which runs from 10% to 30% of the code. Stay around 20%. The tool warns you if the logo creeps past 25%, where some readers start to fail.
After every change, test the code with two or three different phones before you print or publish it.
Style the modules, eyes, and color
This is a true design tool, not just a generator. You can shape every part:
- Module style — square, rounded, or dots for the data area.
- Eye frame and eye ball — independently set the three corner finder patterns to square, rounded, circle, or leaf shapes.
- Foreground gradient — toggle it on and pick two colors for a diagonal blend.
- Separate finder-eye color — give the corners an accent color distinct from the data.
Six one-click presets (Classic, Midnight, Mint Glow, Sunset, Violet, Mono Ink) are a fast starting point. The one rule that overrides taste: keep strong contrast between foreground and background, and keep the foreground darker than the background. Inverted or low-contrast codes often will not scan.
Export at the right size and format
- PNG — best for screens, social posts, and slides; supports a transparent background.
- JPEG — smaller files where transparency does not matter.
- SVG — vector output that scales to any size for print without blurring, and preserves your colors, gradient, eye color, module style, and the center logo.
Set the Export size slider (128px to 1024px) to match the use. For a business card use SVG or 600px+ PNG. For a poster, use SVG. Leave the quiet-zone margin at about 4 modules — that empty border is what lets scanners lock on, so do not crop it out later.
A privacy note that matters for vCards, Wi-Fi passwords, and private URLs: everything here runs locally in your browser. Your payload and your logo image never leave your device — nothing is uploaded to a server.
Ready to design one? Open the Stylized QR Code Generator and start with a preset.