QR Code Generator With Logo (Free, No Signup)
Add your logo to a QR code, either colouring the whole code or sitting in the middle. Runs in your browser, nothing uploaded.
Built by Toolsque Team · last updated September 13, 2026 · checked against our testing process
Related: transparent QR code generator · QR code generator for labels · all QR code tools
How to use the logo QR code generator
- Paste your link: the web address or text the code should open.
- Choose what the logo does: colour the whole code, or sit in the middle. Colouring spreads your brand colours across every square. The middle option keeps your logo readable.
- Upload your logo, or pick one of the ready made colour sets if you only want a coloured code.
- Read the check box under the code. It tells you if any squares look too light, or if the middle logo is getting too big.
- Download it: the plain PNG suits screens, and the 3x version suits anything going to print.
- Scan the downloaded file with a real phone before you order a print run. Coloured codes sit closer to the limit than plain black ones, so this step matters.
Two ways to put a logo on a QR code
A QR code with logo can mean two different things, and they behave differently, so it helps to pick the right one before you start.
The first way colours the code itself. Your image is shrunk down and every dark square takes its colour from the matching part of that image. You end up with colour areas across the whole code rather than a logo you can actually read. This is the look you see on brand codes with four or five colours running through them.
The second way puts your logo in the middle at full quality, sitting on top of the code. Your logo stays sharp and readable. The code repairs the squares hidden underneath, which is possible because every QR code carries spare copies of its own data.
This tool does both. Nothing is uploaded anywhere. Your image is read inside your own browser and never sent to a server.
Why the colours come out darker than your brand colours
This is the part most colour QR tools skip, and it is the reason a lot of pretty codes fail at the till.
A scanner does not see colour. It reads every square as either dark or light, judged on brightness alone. A bright yellow is almost as bright as white paper, so a scanner can easily read a yellow square as a light one. Get enough of those wrong and the code stops working.
So the tool keeps your colour but pulls the brightness down until the square is dark enough to read. Your reds stay red and your blues stay blue, they just come out deeper than the original. If your yellow looks more like olive, that is the tool protecting the scan. You can move the brightness slider to see the trade off, and lower is always safer.
Why the three corner squares stay solid
You will notice the three big squares in the corners never take a colour or a dot shape. That is on purpose.
A scanner uses those three squares to find the code and work out which way up it is. It looks for a very specific pattern of dark and light widths running through them. Colour them in, or split them into separate dots, and that pattern breaks. The scanner never finds the code at all, so nothing else matters.
The same idea applies to the dot style. If the dots are drawn small enough to leave gaps between them, the scanner loses track of the grid and the code fails. The dots in this tool are sized to touch each other for that reason.
How big the middle logo can be
Every QR code carries repair data. At the highest repair level, roughly 30 percent of the code can be damaged or covered and it will still read correctly. That is what lets a logo sit on top without breaking anything.
The catch is that the 30 percent is a budget, not a target. A printed code also loses a little to smudged ink, poor lighting, a crease in the paper, or a scuffed sticker. If your logo has already spent most of the budget, there is nothing left for real world wear.
Somewhere around 20 to 25 percent of the width is a sensible ceiling. This tool warns you above 25 percent for that reason. It is also worth keeping the repair level on Highest whenever you add a logo, since the lower levels leave far less room.
Printing a code that actually works
Three things decide whether a printed code scans.
Size. A useful rule is to print the code about one tenth as wide as the distance people will scan it from. Something read at arm's length, so around 30 cm, wants roughly 3 cm across. A poster read from two metres wants about 20 cm.
Margin. Leave clear space around all four sides, about four squares wide. Designers crop this off constantly to make a layout fit, and it stops codes working. The downloads here include that margin already.
Paper. Matte stock scans better than gloss. Gloss reflects overhead light straight back at the camera and can wipe out part of the code, especially when someone scans at an angle.
A worked example
Say a cafe wants a coloured code on a table card, using their green and orange branding, linking to an online menu.
They upload their logo, leave the mode on colour the code, and keep the brightness limit at 0.45. The greens come through nicely. The orange comes out closer to a burnt orange, because the original was too bright to be safe. The check box confirms no squares are too light.
The card will be read from about 30 cm, so they print the code at 3 cm wide with the standard margin left in place, on matte card rather than gloss. They download the 3x version for the printer, scan the proof with two different phones, and only then order 40 cards.
Related tools
Putting a code on a coloured or printed background? The transparent QR code generator removes the white box behind it. Printing a batch of labels? The QR code generator for labels covers sizing for print. Everything else is in all QR code tools.
Frequently Asked Questions
Will a QR code still work with a logo on it?
Yes, as long as the logo stays small enough. QR codes carry repair data, and at the highest setting about 30 percent of the code can be covered and still read. Keeping your logo to roughly 20 to 25 percent of the width leaves room for print and lighting problems too.
Why does my logo colour look darker in the code?
Because scanners judge every square on brightness, not colour. Bright shades like yellow read almost like white paper and can be mistaken for light squares. The tool keeps your hue but lowers the brightness enough to stay readable, so bright colours come out deeper.
Can I use my exact brand colours?
Only if they are already dark enough. Deep colours such as navy, forest green or maroon come through almost unchanged. Bright or pastel shades will be darkened. If exact colour matching matters more than colour on the code itself, put your logo in the middle instead and leave the code black.
Do coloured QR codes scan as well as black ones?
Not quite. A plain dark code on white paper is the most reliable thing you can print. A coloured code sits closer to the point where a scanner struggles, which is fine in good conditions but leaves less room for bad lighting or cheap printing. Always test the actual printed piece.
Why can I not colour the three corner squares?
Scanners use those squares to locate the code and work out its orientation. They look for an exact pattern of dark and light widths through each one. Colouring or restyling them breaks that pattern, and the scanner will not find the code at all.
Will the logo be readable inside the code?
If you choose the middle option, yes. Your logo is drawn on top at full quality. If you choose to colour the code, no. Your image is reduced to one pixel per square, so it shows as colour areas rather than a readable logo. That is how this style works everywhere, not a limit of this tool.
Is my logo uploaded anywhere?
No. The image is read and processed inside your browser. It never leaves your device, there is no account to make, and the code does not expire.