Skip to content

QR code types

QR code with logo: your brand in the middle, and it still scans

A black-and-white QR code works, but it says nothing about who it belongs to. With your logo and colors, people recognize the code before they scan it and it fits the rest of your material. The trick is doing that without breaking the scan.

Works as a dynamic QR
Create in the builderDesign with AI

What a logo QR code is and why it still works

A QR code with a logo is a normal QR code (it can hold a link, a Wi-Fi network or a contact) with an image placed on top, usually in the middle. It works because QR codes carry error correction: part of the modules can be covered or lost and the reader still rebuilds the content.

That redundancy has a limit. At the highest level (H) the code tolerates losing roughly 30% of its data, and the logo uses up part of that margin. If the logo is too big, covers the corner eyes or has little contrast with the rest of the design, the code may scan on some phones and fail on others.

That is why in QR Branding the logo comes with controls designed to keep the code readable: a size between 5 and 30% of the width, a clear area behind the logo, shape, border and background. Before every download, the engine checks the scan against ISO/IEC 18004 and warns you if the design is not reliable.

How to make a QR code with a logo in 3 steps

  1. Step 1

    Enter the content

    Click "Create in the builder" and paste the link to your website, menu or profile. It also works for Wi-Fi, vCard, WhatsApp or a location.

  2. Step 2

    Upload your logo

    Upload the file as PNG, JPG or SVG, or paste the image link. Adjust the size and shape (square, circle or rounded) and keep the clear area behind the logo switched on.

  3. Step 3

    Apply your brand and download

    Pick colors, gradients, module shapes and a frame with text, or describe the style to the AI. Download as PNG, SVG or PDF after the scan check.

Tips for a logo QR code that scans

  • Use a simple version of the logo: a symbol or initials read better than a long wordmark with small text.
  • Start at 15 to 20% of the width and only go bigger if the scan check stays green.
  • Keep the contrast: dark modules on a light background. Inverted colors fail on some readers.
  • If the logo has a transparent background, give it a background color or some padding to separate it from the modules.
  • For print, upload the logo as SVG and download the QR code as SVG or PDF so it stays sharp at any size.
  • Test the printed code with two or three different phones, at the distance people will scan it from.

Frequently asked questions

Does adding a logo stop the QR code from working?

Not if the logo stays within the error-correction margin. The builder uses the highest error-correction level (H) by default, and the check before download warns you if the design no longer scans reliably.

Which logo formats can I use?

PNG, JPG or SVG, uploaded from your computer or via a link to the image. For print, SVG or a large PNG with a transparent background works best.

How big can the logo be?

The builder allows 5 to 30% of the code's width. There is no size that suits every code: it depends on the amount of data, the error-correction level and the design, which is why every export is checked.

Can I make a QR code with a logo for free?

Yes. Hand-made static QR codes with a logo, colors and shapes are unlimited on the free plan; those downloads carry a subtle QR Branding watermark, which goes away with any one-time pack.

Can I change where a printed logo QR code points?

Yes, if it is dynamic. Create the dynamic QR in your dashboard, use its short address in the builder and design it with your logo. You can then change the destination without reprinting.

Make your QR code with a logo

Upload your logo, apply your colors and download a code that was scan-checked before you print it.

Create in the builderDesign with AI

Other QR code types you might need

See all QR code types