Advanced & CustomStatic QR code
QR Code with Logo Generator
A logo in the middle of a QR code can make the code easier to recognise and tie it to your brand. This generator places a square logo over the centre, adds a clean background pad, and switches to the highest error correction level by default.
A logo covers real data modules, so there is a limit to how much of the code can be hidden. Start at about 18% of the width, keep strong contrast, and scan the final printed piece with several phones.
QR code preview
Static QR codeFill in the fields, then generate your QR code.
Contrast is 21.0:1 — good for scanning.
Download
PNG and SVG files are created in your browser. The selected logo, if any, is included in the file.
Test first: scan the finished code with at least one phone camera before you print, laminate or publish it.
Before you print or share
- Uploaded images are processed in your browser and must be PNG, JPEG or WebP, 1.5 MB or smaller. SVG uploads are rejected for safety.
- A logo can make a code unreadable. If the code fails to scan, reduce the logo size, simplify the artwork, or download a code without the logo.
Practical guidance for this generator
Example: Enter a short URL, upload a 512 px transparent PNG, set the logo to 18% and ECC to H, then scan the printed card at arm's length.
Common mistakes
- Using a logo that covers a quarter of the symbol.
- Uploading a detailed illustration that loses its shape at 2 cm.
- Leaving the logo without a white pad, so it merges with the modules.
Testing checklist
- Scan with two phones, including an older model.
- Reduce the logo size if any scan fails.
- Keep a logo-free download as a fallback for small print.
When to choose a different tool
Use a dynamic QR code service instead if you need to edit the destination after printing or track scan counts. QRKit creates static codes only.
How to create this QR code
Enter the URL the code should open.
Upload a logo in the customisation panel and keep the logo size modest.
Generate, test with multiple phones, and download a high-resolution PNG or SVG.
How much of the code a logo can cover
Error correction is redundancy, not unlimited space. At level H roughly 30% of the symbol can be damaged and still recovered in good conditions, but a centred logo also removes the alignment patterns that scanners use to orient the code.
An 18% logo is a safe starting point for a short URL. Longer URLs produce denser modules, so the same logo covers proportionally more of the useful pattern. Reduce the logo before you reduce the error correction.
- Keep the logo at or below 20% of the width.
- Use a solid white pad behind the logo.
- Prefer simple, high-contrast marks over detailed artwork.
- Test with at least two phones and one older device.
Sources and review
This page is reviewed by the QRKit Editorial Team. Recommendations are based on practical testing, public platform documentation, and common failure modes reported by users. Test the final code on the exact devices and materials you plan to use.
Frequently asked questions
What error correction level should a logo code use?
High (H) is a sensible default because it allows more damaged modules to be recovered. This page selects H automatically, but no error correction can compensate for a logo that is simply too large.
Can I use a transparent logo?
Yes, PNG transparency is supported. Transparent edges can work on the white pad, but avoid a logo that blends into the QR modules around it.
Will the logo be stored on your server?
No. The image is read, resized and drawn in your browser. It is never uploaded. This also means the logo is not saved after you close or refresh the page.