Skip to content
Benchmo
Language: English

QR code with logo

Your logo in the middle of a QR code, sized so the code still reads.

Fill in the content to see your QR code.

Design
Style

Logo in the center

With a logo, the code uses the highest error correction so it still scans.

Processed on your device. Files are not uploaded.

Covering part of a QR code on purpose sounds like a bad idea, and it works only because of error correction. Every QR code carries repair data. With a logo in place, this generator switches from level M to level H, the highest level, which can rebuild about 30% of the code. The logo area takes about 22% of the code’s width. Since that is a square, it covers only about 5% of the surface.

A benchmo.com link with an SVG logo in the center decodes back to exactly https://benchmo.com. Its 1024 px PNG was 31 KB, against 26 KB for the same link without a logo.

A QR code for benchmo.com with a square logo in the center, made with this generator

How much denser the code gets

The cost of level H is more squares for the same content. Counted with this generator:

Content Squares across, no logo With logo Logo area
Short link, https://benchmo.com 25 29 7 × 7
Wi-Fi network and password 29 37 9 × 9
Google review link 37 49 11 × 11
Contact with name and phone 41 57 13 × 13

The logo area includes a thin margin, so the logo itself never touches the squares around it. For a code that will be printed small, we would put a logo only on a short link. Printed 3 cm wide, the 29-square link code (plus its margin) has squares of about 0.8 mm; the 57-square contact code at the same width, under 0.5 mm. Give that one more room.

Getting the logo file right

PNG, JPG, WebP and SVG are accepted. Photos and other raster logos are scaled to 256 pixels on the long side before they go into the code, which is plenty for the 1024 px PNG but turns soft if you print the SVG as a large sign. An SVG logo stays as it is and is sharp at any size.

With a background color, the logo sits on a small box of that color. Tick “Transparent background” and there is no box: the logo and the code sit directly on whatever is behind them, so that surface needs to be light and plain.

The three large corner squares are never covered; scanners use them to find the code. This page starts on the Rounded style; Square and Dots are one tap away. The design options and the PNG and SVG downloads are the same as on the main QR code generator.

Questions and answers

How big can the logo be?

The logo area is fixed at about 22% of the code's width, which is about 5% of its surface. That is deliberately well under the roughly 30% of damage that error-correction level H can repair, leaving most of the repair capacity for smudges, folds and glare.

Why does the code get denser when I add a logo?

Level H stores more repair data, so the same content needs more squares. A short link goes from 25 to 29 squares across. Keep the link short and the code stays easy to scan.

Which logo file works best?

A square or round icon, as SVG or as PNG with a transparent background. The logo is fitted into a square box, so a wide wordmark ends up small. Thin lines and small text disappear at business-card size.

Can I use my brand colors?

Yes, as long as the code is darker than the background with clear contrast. The tool warns you when the code is lighter than the background or the colors are too close together.

Can I add a logo to a Wi-Fi or contact code?

Yes. "Logo in the center" is under Design on every QR generator page, including Wi-Fi and business card.