How to Make a Custom Shape QR Code
This guide walks you through shaping the modules, eyes, and frame of a QR code so it matches your brand without breaking scannability. Expect practical settings, not theory.
Key Takeaways
- You can reshape three areas of a QR code: the data modules, the three corner eyes, and the outer frame.
- Keep error correction at level H (30%) whenever you customize shapes or add a logo in the center.
- Maintain a quiet zone of at least four modules around the code, even if your frame curves inward.
- Always test the final design with at least three different scanner apps and two phone cameras before printing.
- Use a dynamic QR code so you can fix the destination later without redesigning the artwork.
Branded (custom) QR codes can be up to 80% more effective than generic black-and-white patterns, according to Pageloot (Industry QR Code Scanning Benchmarks and Trends). This is because these codes often stand out more, stick out in a person's memory, and can match the brand of whatever you are trying to promote.
The catch is that QR codes are not free-form art. Every dot carries data, and pushing the shape too far breaks the error correction the scanner depends on. In this guide I will show you which parts you can stylize, which parts must stay structurally sound, and how to test before you print 5,000 stickers you cannot reuse. So let's dive right in!
Building your custom shape QR code step by step
Custom shape work happens in three layers, and you should treat them in order: pick your content type first, then customize the modules and eyes, then wrap it in a frame or background shape. Skipping ahead almost always leads to a code that looks great in your chosen art program, but yield a QR code that doesn't function.
Step 1: Pick the content type and lock in dynamic mode
Open the free QR code generator and decide what the code should do: open a URL, share WiFi credentials, load a vCard, play a Spotify track, and so on. If you are unsure which to pick, the breakdown in our types of QR codes guide covers the common formats. Choose dynamic over static so you can edit the destination after printing. This single choice protects you when a campaign URL changes.
Step 2: Reshape the data modules
The small repeating squares that fill the code are called modules. Swap the default square for rounded squares, dots, diamonds, or vertical bars. Dots are the safest non-square choice because they keep enough contrast between black and white areas. Avoid shapes with thin connecting lines, like script-style modules, on anything smaller than a business card; they tend to blur under camera autofocus.
Step 3: Style the three corner eyes
The three large squares in the corners are called finder patterns or eyes. Scanners use them to orient the code, so they are the highest-risk area to redesign. You can round their outer corners, switch them to circles, or recolor them, but keep the inner pupil clearly centered and the outer ring solid. Match all three eyes; mismatched eyes confuse some older Android scanners.
Step 4: Add a logo and pick error correction H
A centered logo covers some modules, which means you need extra redundancy in the data. Set error correction to H (30%) before placing the logo, and keep the logo to roughly 20% of the total code area. A circular logo on a white pad tends to scan better than a square logo butted right against the modules. For more on this balance, see our .
Step 5: Wrap it in a custom frame
Frames give you a place for a call to action like "Scan for menu" or "Tap to RSVP". You can pick rounded rectangles, speech bubbles, ticket shapes, or fully custom outlines. Just make sure the frame does not crowd the code itself: leave that four-module quiet zone untouched. A call to action raises scan rates noticeably, especially on flyers and posters.
Step 6: Export at the right size and test
Export at SVG for print and high-resolution PNG for screens. The minimum reliable print size is about 2 x 2 cm (0.8 inches) for short URLs, larger if your data payload is long. Test with the native camera app on both an iPhone and an Android, plus one dedicated scanner. If even one fails, simplify the shape or boost the contrast and re-export.
Design tips that keep scan rates high
Customization is where most codes go wrong. These tips come from watching real designs fail in the wild, then fixing them.
Stick with dark modules on a light background. Inverting the colors (light on dark) fails on roughly 15% of scanner apps even when the contrast ratio looks fine to the eye.
If you must use a colored background, keep the contrast ratio above 4:1. Pastel-on-pastel codes are the most common cause of failed scans.
Never stretch the code into a rectangle. The modules must stay perfectly square or the scanner cannot decode them.
For stickers and labels, add a slight bleed inside the frame so the quiet zone survives die-cutting. Our QR Code Stickers guide covers the print specs.
Save the source file with editable layers. You will want to rerun the export at different sizes for posters, business cards, and social posts.
Track scans through a dynamic code dashboard. If a custom shape is hurting performance, the data will show you within a week.
Frequently Asked Questions
Can I make a QR code in any shape I want, like a heart or a logo outline?
You can wrap a QR code inside a heart or logo-shaped frame, but the scannable grid itself has to stay square. What people usually mean by "heart-shaped QR code" is a square code placed inside a heart outline with matching colors. The data area underneath is still a standard square grid.
Do custom shapes lower the scan success rate?
Mild customization, like rounded modules and styled eyes, has almost no effect on scan rates when error correction is set to H. Heavy customization, like swirly modules or eye shapes without a clear pupil, can drop success rates by 20% or more. Always test before printing.
What is the best error correction level for a custom shape QR code?
Level H, which corrects up to 30% of damaged or obscured data, is the safest choice. It gives you room for a logo, decorative shapes, and minor print imperfections without breaking the scan.
Will a custom shape QR code work on dark backgrounds?
It can, but only if the modules themselves stay light and the background stays dark with strong contrast. Inverted codes are riskier than standard dark-on-light, so test thoroughly on multiple devices first.
Can I change the shape of an existing static QR code?
You have to regenerate it. The shape is rendered at creation time based on the data and your style settings, so there is no way to restyle an existing PNG without rebuilding the code from the original content.
Related Guides
Ready to create your QR code?
Generate custom QR codes in seconds - free and easy to use.
Create Free QR Code →