Patterns and dot styles
The small squares in a QR code are called modules. Square, rounded, and dot styles change how those modules look. Start with square modules for a simple design, and test any styled version at its intended display size.
Create a custom QR code for a website, Wi-Fi network, contact card, and more.
Everything runs in your browser – no account needed.
Your entries stay in this browser tab unless you explicitly save them to your account.
Use a full address, including https://.
At least 4 modules of clear space helps scanners read your code.
Use a dark foreground on a light background for reliable scanning. Test your final colors on the intended screen or printed material.
PNG, JPEG, or WebP, up to 2 MB. Your image stays in your browser.
SVG will stay vector at any size.
Enter your details to create a QR code.
We appreciate you keeping it—it helps others discover QR Code Fairy. Totally optional.
Generated in your browser. Static codes do not expire. Test your downloaded code before sharing it.
Choose what to share and how your code should look.
All seven content types support PNG and SVG downloads. Customize the pattern, colors, and logo while keeping your content in the browser.
A few careful choices make a code easier to read, on screen and in print.
The small squares in a QR code are called modules. Square, rounded, and dot styles change how those modules look. Start with square modules for a simple design, and test any styled version at its intended display size.
The three large corner markers help readers locate the code. Keep them clear and easy to distinguish from the background. Rounded, circle, and leaf treatments change the appearance; they should never be covered by a logo or cropped.
A dark foreground on a light, solid background is a dependable starting point. Pale modules, similar foreground and background colors, and inverted colors can be harder to read. Check the actual printed result, since paper and ink can change the contrast.
Keep an empty margin of at least four modules on all four sides. This is the quiet zone: it separates the code from nearby text and artwork. Preserve it when placing the image in a layout, and keep borders, labels, and photographs outside it.
L, M, Q, and H offer increasing recovery capacity: approximately 7%, 15%, 25%, and 30% of codewords. These are not guarantees about how much of the image you can cover. Higher levels can make a code denser. M is a sensible starting point; consider H for a small logo and test carefully.
Keep a logo small, centered, and away from the corner markers. A logo hides part of the pattern, so use conservative sizing and higher error correction. If scanning becomes inconsistent, reduce or remove the logo before making other changes.
A code on a table is viewed differently from one on a poster. Give longer content and longer viewing distances more space. Test at the final size, in realistic lighting, using more than one phone. There is no single physical size that works for every code.
SVG keeps the QR pattern sharp when resized, making it useful for print layouts. PNG is convenient for digital sharing; choose enough pixels for its final use and avoid enlarging a small image. Always check a physical proof before a large print run.
Technical reference: DENSO WAVE’s guidance on quiet zones and error correction.
Learn what each type does, which details to include, and what to check before sharing.
Read the full QR code types guide →