Custom QR code with logo: how to create one correctly

14 September 2026 · 5 min read read

A QR code with a custom logo and colours looks professional, fits your brand and attracts more scans than a generic black-and-white code. Here is how to create one correctly, what rules to follow and what mistakes to avoid.

Why customise a QR code

A black-and-white QR code works perfectly, but it says nothing about who generated it. A code with your brand colours and logo:

  • Builds trust — people scan a code that looks official more readily;
  • Strengthens brand identity — your brand is visible even on a small element;
  • Increases scan rate — studies show a designed code attracts up to 30% more scans.

How to customise a QR code on getQR

  1. Open the getQR generator and choose the code type (link, WiFi, vCard, etc.).
  2. Enter your data (URL, WiFi password, contact, etc.).
  3. In the customisation section:
    • Code colour — change the module (square) colour to your brand colour;
    • Background colour — keep it light for good contrast;
    • Module shape — choose between squares, circles or rounded shapes;
    • Logo — upload your brand logo (transparent PNG recommended).
  4. Download as PNG or SVG.

Essential rules for a QR code with a logo

1. High contrast = reliable scanning

The golden rule: dark code on a light background. The phone camera reads the contrast difference between modules and background. Colours with similar brightness (yellow on white, light grey on white) do not work. Always test with your own phone.

2. The logo must not cover too much

QR codes have built-in error correction — that is why they work even when part of them is covered. But do not overdo it: the logo should not cover more than 25–30% of the code's surface. getQR places the logo automatically in the centre, at the optimal size.

3. Do not invert the colours

A white code on a black background can work, but many cameras struggle with it. Stick to the classic formula: dark modules, light background.

4. Keep the quiet zone

A margin in white (or the background colour) of at least 4 modules around the code. Without it, the camera confuses the code with surrounding graphics. More details in the printing guide.

What logo format works best

  • PNG with a transparent background — ideal, it blends naturally;
  • Square or circular shape — fits best in the centre of the code;
  • Simple and high-contrast — fine details get lost at small sizes; a logo with clear shapes works best.

Usage examples

  • Business cards — vCard code with the company logo;
  • Packaging — a code leading to instructions or warranty, with the product logo;
  • Menus — menu code with the restaurant logo;
  • Posters and flyers — dynamic code campaigns customised per channel.

Tip: Use a dynamic code for printed materials — change the destination without reprinting the custom code.

Create your custom QR code

Open the getQR generator, choose colours, shape and logo, then download for free as PNG or SVG — no watermark, no account required.

Frequently asked questions

Does the code still work with a logo? +
Yes. QR codes have built-in error correction that lets them work even when part of them is covered. The logo should not exceed 25–30% of the code surface.
What logo format works best? +
PNG with a transparent background, square or circular shape, simple and high-contrast. Fine details get lost at small sizes.
Can I change the code colours without a logo? +
Yes. Colour and module shape customisation works independently of the logo. Always keep high contrast (dark code on a light background).
Does the logo appear on the downloaded code? +
Yes, in PNG and SVG, exactly as you see it in the preview. No getQR watermark added.

Create a QR code with logo

Your colours, your logo, ready to print.

Open the generator