QR Code Generator with Logo (Free)

1. 1

   Paste the link

   Paste the web address the code should open. If you leave out https://, it’s added for you.

2. 2

   Add your logo

   Under “Colors, logo and size”, choose your logo: a PNG, JPG, WebP, GIF or SVG under 5 MB. A square logo on a white or transparent background works best.

3. 3

   Set the logo size

   Start with the default, 20% of the code’s width. You can choose from 10% to 25%; smaller logos scan more reliably.

4. 4

   Pick your colors

   Use a dark brand color for the code on a light background, so the contrast stays strong.

5. 5

   Download and test

   Download an SVG for print or a PNG for screens, then scan it with an iPhone and an Android phone before you print.

A logo covers some of the code’s squares. QR codes are built to survive that: they store the data with error correction, so a phone can rebuild the parts it can’t see. When you add a logo, this generator always uses the highest level, High, which can recover about 30% of the code.

https://example.com/spring-sale

The logo is part of the picture, not the data: the code still holds only your link. That’s why the logo has limits. Too big, too pale or too close to the three corner squares, and phones start to fail. The 10–25% range here keeps the logo within what High error correction can recover, as long as the rest of the code stays clear.

For logo QR codes

• Use a simple version of your logo: an icon or initials read better at small sizes than a full wordmark.
• Give the logo a solid background (white works on any code), so its edges don’t blend into the squares around it.
• Keep the code itself dark on light. Brand colors are fine if they’re dark enough; pale codes and light-on-dark codes fail on some phones.
• Print a logo code a little larger than you would a plain one: High error correction makes the pattern denser, so each square is smaller.

For any printed QR code

• Size: print the code at least 2 cm (0.8 in) wide for something held in the hand. For signs and posters, make it about a tenth of the scanning distance: roughly 10 cm (4 in) wide to scan from 1 m (3 ft).
• Contrast: use a dark code on a light background. Light-on-dark codes and pale brand colors fail on some phones.
• Quiet zone: keep a blank border of at least 4 modules (the code’s small squares) around it. Don’t crop it or put text and graphics right up against the code.
• File type: use the SVG for print, since it stays sharp at any size. The 2048 px PNG is enough for print up to about 17 cm (6.8 in) wide at 300 dpi.
• Surface: avoid glare from glossy laminate, tight curves (bottles, cups) and folds that cut through the code.
• Test: scan a printed proof with an iPhone and an Android phone, at the real distance and in the real lighting, before you print in bulk.

The code made here is static: its link is fixed once it’s printed. A dynamic code holds a short CirculateQR link instead, so you can change where it goes at any time, and it counts every scan.

Logos on dynamic codes come with the Studio plan, along with brand colors, longer scan history and time and location routing. Monthly Studio starts with a 7-day free trial for new subscribers.

Dynamic codes need a free CirculateQR account. On the free plan a dynamic code stays live for 14 days after you publish it; on a paid plan your codes stay live with no time limit, or you can keep a single code for a one-time $5.

The code you make on this page is static: free, permanent and private, but fixed once printed. Static and dynamic codes compared.