QR Maker

QR Code Generator with Logo

Put your logo in the middle of a QR code that still scans, and download it as PNG or SVG.

  1. 1Pick a type(current step)
  2. 2Add content
  3. 3Save

Type

URL / Link

Opens a web page.

Preview

Waiting

Fill in the form above and your QR code appears here.

Size
Margin

Output 512 × 512px · 4-module margin

Add some content to turn on the save buttons.

StyleOptional · Frame, color, background, error correction, logo

Frame

Adds a colored border and a one-line caption around the code. Included in the saved PNG, SVG and the print sheet.

Code color

#111111

Background

Error correction

Maximum keeps the code readable when part of it is covered or damaged, but makes it denser.

Center logo

How a QR code with a logo works

A QR code survives damage because it carries error correction: extra data that lets a scanner rebuild modules it cannot see. A logo in the middle is damage on purpose. When you upload one here, error correction switches to Maximum (level H), which tolerates about 30% of the modules being covered, and the setting is locked while the logo stays. Remove the logo and you can set it back.

The Style section is open on this page, with the logo field ready. Drop a PNG, JPG, SVG or WEBP up to 1 MB, or choose a file. The logo is placed on a small rounded plate in the background colour and takes a fixed share of the code's width, about a fifth, so it never covers the three corner squares scanners use to find the code.

The preview updates as you work, so you can try a brand colour for the modules at the same time. The code stays static: the logo is drawn into the image, and the content stays the link you typed. Download a PNG for screens and documents, or an SVG for print files, where the logo is embedded in the vector file and scales without blur.

Where it helps

  • Packaging and labels, where a plain black code looks like a barcode and a branded one looks like part of the design.
  • Business cards and brochures, so the code to your site or profile matches the rest of the card.
  • Posters and shop windows, where people decide in a second whether a code is worth scanning.
  • Social media graphics and presentation slides, where the logo tells viewers whose link it is before they scan.

Tips before you print

  1. Maximum error correction packs more modules into the same space, so keep the content short. A long tracking link makes the modules tiny and the logo harder to read around; a short address scans better.
  2. Use a logo with a solid background or a simple shape. Thin lines and tiny text turn to mush at the size a code allows.
  3. Keep the module colour dark and the background light. The colour warning in the Style section tells you when the contrast gets too low for phone cameras.
  4. Scan the final file on an iPhone and an Android phone, at the printed size and from a normal distance, before you order a print run.

Questions

Why does the error-correction setting lock when I add a logo?
The logo hides part of the code, and only Maximum (level H) can rebuild that much. The setting unlocks again when you remove the logo.
How large can the logo be?
The file can be up to 1 MB. In the code the logo takes a fixed share of the width, about a fifth, which keeps it inside what Maximum error correction can recover.
Does the logo change what the code contains?
No. The content is still the link or text you entered. The logo is only drawn on top of the image you download.
Should I download PNG or SVG?
PNG for websites, documents and messaging. SVG for print shops and design tools, because it scales without blur.