Use High when adding a logo so the code stays scannable through the overlay.
Circle and triangle frames add stylised modules around the data so the code reads as that shape — the square data area in the centre is what scanners actually read.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 37" shape-rendering="geometricPrecision"><rect width="37" height="37" rx="2" ry="2" fill="#ffffff"/><g transform="translate(0, 0)"><rect x="12" y="4" width="1" height="1" fill="#111111"/><rect x="13" y="4" width="1" height="1" fill="#111111"/><rect x="14" y="4" width="1" height="1" fill="#111111"/><rect x="15" y="4" width="1" height="1" fill="#111111"/><rect x="17" y="4" width="1" height="1" fill="#111111"/><rect x="19" y="4" width="1" height="1" fill="#111111"/><rect x="22" y="4" width="1" height="1" fill="#111111"/><rect x="24" y="4" width="1" height="1" fill="#111111"/><rect x="12" y="5" width="1" height="1" fill="#111111"/><rect x="13" y="5" width="1" height="1" fill="#111111"/><rect x="14" y="5" width="1" height="1" fill="#111111"/><rect x="17" y="5" width="1" height="1" fill="#111111"/><rect x="18" y="5" width="1" height="1" fill="#111111"/><rect x="19" y="5" width="1" height="1" fill="#111111"/><rect x="20" y="5" width="1" height="1" fill="#111111"/><rect x="24" y="5" width="1" height="1" fill="#111111"/><rect x="14" y="6" width="1" height="1" fill="#111111"/><rect x="15" y="6" width="1" height="1" fill="#111111"/><rect x="18" y="6" width="1" height="1" fill="#111111"/><rect x="21" y="6" width="1" height="1" fill="#111111"/><rect x="22" y="6" width="1" height="1" fill="#111111"/><rect x="24" y="6" width="1" height="1" fill="#111111"/><rect x="12" y="7" width="1" height="1" fill="#111111"/><rect x="13" y="7" width="1" height="1" fill="#111111"/><rect x="17" y="7" width="1" height="1" fill="#111111"/><rect x="18" y="7" width="1" height="1" fill="#111111"/><rect x="19" y="7" width="1" height="1" fill="#111111"/><rect x="22" y="7" width="1" height="1" fill="#111111"/><rect x="24" y="7" width="1" height="1" fill="#111111"/><rect x="12" y="8" width="1" height="1" fill="#111111"/><rect x="13" y="8" width="1" height="1" fill="#111111"/><rect x="15" y="8" width="1" height="1" fill="#111111"/><rect x="16" y="8" width="1" height="1" fill="#111111"/><rect x="21" y="8" width="1" height="1" fill="#111111"/><rect x="22" y="8" width="1" height="1" fill="#111111"/><rect x="12" y="9" width="1" height="1" fill="#111111"/><rect x="13" y="9" width="1" height="1" fill="#111111"/><rect x="15" y="9" width="1" height="1" fill="#111111"/><rect x="19" y="9" width="1" height="1" fill="#111111"/><rect x="21" y="9" width="1" height="1" fill="#111111"/><rect x="22" y="9" width="1" height="1" fill="#111111"/><rect x="23" y="9" width="1" height="1" fill="#111111"/><rect x="12" y="10" width="1" height="1" fill="#111111"/><rect x="14" y="10" width="1" height="1" fill="#111111"/><rect x="16" y="10" width="1" height="1" fill="#111111"/><rect x="18" y="10" width="1" height="1" fill="#111111"/><rect x="20" y="10" width="1" height="1" fill="#111111"/><rect x="22" y="10" width="1" height="1" fill="#111111"/><rect x="24" y="10" width="1" height="1" fill="#111111"/><rect x="14" y="11" width="1" height="1" fill="#111111"/><rect x="15" y="11" width="1" height="1" fill="#111111"/><rect x="16" y="11" width="1" height="1" fill="#111111"/><rect x="18" y="11" width="1" height="1" fill="#111111"/><rect x="20" y="11" width="1" height="1" fill="#111111"/><rect x="7" y="12" width="1" height="1" fill="#111111"/><rect x="10" y="12" width="1" height="1" fill="#111111"/><rect x="15" y="12" width="1" height="1" fill="#111111"/><rect x="17" y="12" width="1" height="1" fill="#111111"/><rect x="18" y="12" width="1" height="1" fill="#111111"/><rect x="19" y="12" width="1" height="1" fill="#111111"/><rect x="21" y="12" width="1" height="1" fill="#111111"/><rect x="23" y="12" width="1" height="1" fill="#111111"/><rect x="27" y="12" width="1" height="1" fill="#111111"/><rect x="28" y="12" width="1" height="1" fill="#111111"/><rect x="29" y="12" width="1" height="1" fill="#111111"/><rect x="31" y="12" width="1" height="1" fill="#111111"/><rect x="32" y="12" width="1" height="1" fill="#111111"/><rect x="4" y="13" width="1" height="1" fill="#111111"/><rect x="5" y="13" width="1" height="1" fill="#111111"/><rect x="6" y="13" width="1" height="1" fill="#111111"/><rect x="8" y="13" width="1" height="1" fill="#111111"/><rect x="12" y="13" width="1" height="1" fill="#111111"/><rect x="14" y="13" width="1" height="1" fill="#111111"/><rect x="19" y="13" width="1" height="1" fill="#111111"/><rect x="24" y="13" width="1" height="1" fill="#111111"/><rect x="25" y="13" width="1" height="1" fill="#111111"/><rect x="26" y="13" width="1" height="1" fill="#111111"/><rect x="29" y="13" width="1" height="1" fill="#111111"/><rect x="30" y="13" width="1" height="1" fill="#111111"/><rect x="32" y="13" width="1" height="1" fill="#111111"/><rect x="4" y="14" width="1" height="1" fill="#111111"/><rect x="5" y="14" width="1" height="1" fill="#111111"/><rect x="6" y="14" width="1" height="1" fill="#111111"/><rect x="7" y="14" width="1" height="1" fill="#111111"/><rect x="8" y="14" width="1" height="1" fill="#111111"/><rect x="10" y="14" width="1" height="1" fill="#111111"/><rect x="11" y="14" width="1" height="1" fill="#111111"/><rect x="12" y="14" width="1" height="1" fill="#111111"/><rect x="16" y="14" width="1" height="1" fill="#111111"/><rect x="17" y="14" width="1" height="1" fill="#111111"/><rect x="18" y="14" width="1" height="1" fill="#111111"/><rect x="21" y="14" width="1" height="1" fill="#111111"/><rect x="22" y="14" width="1" height="1" fill="#111111"/><rect x="23" y="14" width="1" height="1" fill="#111111"/><rect x="26" y="14" width="1" height="1" fill="#111111"/><rect x="27" y="14" width="1" height="1" fill="#111111"/><rect x="28" y="14" width="1" height="1" fill="#111111"/><rect x="30" y="14" width="1" height="1" fill="#111111"/><rect x="31" y="14" width="1" height="1" fill="#111111"/><rect x="7" y="15" width="1" height="1" fill="#111111"/><rect x="8" y="15" width="1" height="1" fill="#111111"/><rect x="9" y="15" width="1" height="1" fill="#111111"/><rect x="13" y="15" width="1" height="1" fill="#111111"/><rect x="14" y="15" width="1" height="1" fill="#111111"/><rect x="19" y="15" width="1" height="1" fill="#111111"/><rect x="20" y="15" width="1" height="1" fill="#111111"/><rect x="22" y="15" width="1" height="1" fill="#111111"/><rect x="25" y="15" width="1" height="1" fill="#111111"/><rect x="26" y="15" width="1" height="1" fill="#111111"/><rect x="30" y="15" width="1" height="1" fill="#111111"/><rect x="31" y="15" width="1" height="1" fill="#111111"/><rect x="6" y="16" width="1" height="1" fill="#111111"/><rect x="7" y="16" width="1" height="1" fill="#111111"/><rect x="8" y="16" width="1" height="1" fill="#111111"/><rect x="9" y="16" width="1" height="1" fill="#111111"/><rect x="10" y="16" width="1" height="1" fill="#111111"/><rect x="13" y="16" width="1" height="1" fill="#111111"/><rect x="14" y="16" width="1" height="1" fill="#111111"/><rect x="15" y="16" width="1" height="1" fill="#111111"/><rect x="17" y="16" width="1" height="1" fill="#111111"/><rect x="18" y="16" width="1" height="1" fill="#111111"/><rect x="21" y="16" width="1" height="1" fill="#111111"/><rect x="23" y="16" width="1" height="1" fill="#111111"/><rect x="24" y="16" width="1" height="1" fill="#111111"/><rect x="26" y="16" width="1" height="1" fill="#111111"/><rect x="27" y="16" width="1" height="1" fill="#111111"/><rect x="6" y="17" width="1" height="1" fill="#111111"/><rect x="7" y="17" width="1" height="1" fill="#111111"/><rect x="8" y="17" width="1" height="1" fill="#111111"/><rect x="11" y="17" width="1" height="1" fill="#111111"/><rect x="12" y="17" width="1" height="1" fill="#111111"/><rect x="14" y="17" width="1" height="1" fill="#111111"/><rect x="16" y="17" width="1" height="1" fill="#111111"/><rect x="19" y="17" width="1" height="1" fill="#111111"/><rect x="20" y="17" width="1" height="1" fill="#111111"/><rect x="23" y="17" width="1" height="1" fill="#111111"/><rect x="24" y="17" width="1" height="1" fill="#111111"/><rect x="25" y="17" width="1" height="1" fill="#111111"/><rect x="27" y="17" width="1" height="1" fill="#111111"/><rect x="29" y="17" width="1" height="1" fill="#111111"/><rect x="31" y="17" width="1" height="1" fill="#111111"/><rect x="6" y="18" width="1" height="1" fill="#111111"/><rect x="7" y="18" width="1" height="1" fill="#111111"/><rect x="10" y="18" width="1" height="1" fill="#111111"/><rect x="11" y="18" width="1" height="1" fill="#111111"/><rect x="12" y="18" width="1" height="1" fill="#111111"/><rect x="16" y="18" width="1" height="1" fill="#111111"/><rect x="19" y="18" width="1" height="1" fill="#111111"/><rect x="21" y="18" width="1" height="1" fill="#111111"/><rect x="25" y="18" width="1" height="1" fill="#111111"/><rect x="31" y="18" width="1" height="1" fill="#111111"/><rect x="32" y="18" width="1" height="1" fill="#111111"/><rect x="4" y="19" width="1" height="1" fill="#111111"/><rect x="5" y="19" width="1" height="1" fill="#111111"/><rect x="7" y="19" width="1" height="1" fill="#111111"/><rect x="8" y="19" width="1" height="1" fill="#111111"/><rect x="11" y="19" width="1" height="1" fill="#111111"/><rect x="15" y="19" width="1" height="1" fill="#111111"/><rect x="17" y="19" width="1" height="1" fill="#111111"/><rect x="22" y="19" width="1" height="1" fill="#111111"/><rect x="23" y="19" width="1" height="1" fill="#111111"/><rect x="25" y="19" width="1" height="1" fill="#111111"/><rect x="27" y="19" width="1" height="1" fill="#111111"/><rect x="31" y="19" width="1" height="1" fill="#111111"/><rect x="4" y="20" width="1" height="1" fill="#111111"/><rect x="5" y="20" width="1" height="1" fill="#111111"/><rect x="7" y="20" width="1" height="1" fill="#111111"/><rect x="8" y="20" width="1" height="1" fill="#111111"/><rect x="10" y="20" width="1" height="1" fill="#111111"/><rect x="11" y="20" width="1" height="1" fill="#111111"/><rect x="12" y="20" width="1" height="1" fill="#111111"/><rect x="16" y="20" width="1" height="1" fill="#111111"/><rect x="21" y="20" width="1" height="1" fill="#111111"/><rect x="22" y="20" width="1" height="1" fill="#111111"/><rect x="24" y="20" width="1" height="1" fill="#111111"/><rect x="31" y="20" width="1" height="1" fill="#111111"/><rect x="5" y="21" width="1" height="1" fill="#111111"/><rect x="6" y="21" width="1" height="1" fill="#111111"/><rect x="7" y="21" width="1" height="1" fill="#111111"/><rect x="8" y="21" width="1" height="1" fill="#111111"/><rect x="11" y="21" width="1" height="1" fill="#111111"/><rect x="16" y="21" width="1" height="1" fill="#111111"/><rect x="20" y="21" width="1" height="1" fill="#111111"/><rect x="22" y="21" width="1" height="1" fill="#111111"/><rect x="25" y="21" width="1" height="1" fill="#111111"/><rect x="26" y="21" width="1" height="1" fill="#111111"/><rect x="27" y="21" width="1" height="1" fill="#111111"/><rect x="30" y="21" width="1" height="1" fill="#111111"/><rect x="31" y="21" width="1" height="1" fill="#111111"/><rect x="32" y="21" width="1" height="1" fill="#111111"/><rect x="4" y="22" width="1" height="1" fill="#111111"/><rect x="6" y="22" width="1" height="1" fill="#111111"/><rect x="8" y="22" width="1" height="1" fill="#111111"/><rect x="9" y="22" width="1" height="1" fill="#111111"/><rect x="10" y="22" width="1" height="1" fill="#111111"/><rect x="11" y="22" width="1" height="1" fill="#111111"/><rect x="12" y="22" width="1" height="1" fill="#111111"/><rect x="13" y="22" width="1" height="1" fill="#111111"/><rect x="14" y="22" width="1" height="1" fill="#111111"/><rect x="15" y="22" width="1" height="1" fill="#111111"/><rect x="16" y="22" width="1" height="1" fill="#111111"/><rect x="18" y="22" width="1" height="1" fill="#111111"/><rect x="20" y="22" width="1" height="1" fill="#111111"/><rect x="25" y="22" width="1" height="1" fill="#111111"/><rect x="28" y="22" width="1" height="1" fill="#111111"/><rect x="29" y="22" width="1" height="1" fill="#111111"/><rect x="31" y="22" width="1" height="1" fill="#111111"/><rect x="32" y="22" width="1" height="1" fill="#111111"/><rect x="6" y="23" width="1" height="1" fill="#111111"/><rect x="7" y="23" width="1" height="1" fill="#111111"/><rect x="8" y="23" width="1" height="1" fill="#111111"/><rect x="11" y="23" width="1" height="1" fill="#111111"/><rect x="13" y="23" width="1" height="1" fill="#111111"/><rect x="19" y="23" width="1" height="1" fill="#111111"/><rect x="23" y="23" width="1" height="1" fill="#111111"/><rect x="29" y="23" width="1" height="1" fill="#111111"/><rect x="4" y="24" width="1" height="1" fill="#111111"/><rect x="7" y="24" width="1" height="1" fill="#111111"/><rect x="9" y="24" width="1" height="1" fill="#111111"/><rect x="10" y="24" width="1" height="1" fill="#111111"/><rect x="11" y="24" width="1" height="1" fill="#111111"/><rect x="13" y="24" width="1" height="1" fill="#111111"/><rect x="14" y="24" width="1" height="1" fill="#111111"/><rect x="20" y="24" width="1" height="1" fill="#111111"/><rect x="21" y="24" width="1" height="1" fill="#111111"/><rect x="24" y="24" width="1" height="1" fill="#111111"/><rect x="25" y="24" width="1" height="1" fill="#111111"/><rect x="26" y="24" width="1" height="1" fill="#111111"/><rect x="27" y="24" width="1" height="1" fill="#111111"/><rect x="28" y="24" width="1" height="1" fill="#111111"/><rect x="30" y="24" width="1" height="1" fill="#111111"/><rect x="31" y="24" width="1" height="1" fill="#111111"/><rect x="32" y="24" width="1" height="1" fill="#111111"/><rect x="12" y="25" width="1" height="1" fill="#111111"/><rect x="13" y="25" width="1" height="1" fill="#111111"/><rect x="17" y="25" width="1" height="1" fill="#111111"/><rect x="18" y="25" width="1" height="1" fill="#111111"/><rect x="19" y="25" width="1" height="1" fill="#111111"/><rect x="20" y="25" width="1" height="1" fill="#111111"/><rect x="21" y="25" width="1" height="1" fill="#111111"/><rect x="22" y="25" width="1" height="1" fill="#111111"/><rect x="23" y="25" width="1" height="1" fill="#111111"/><rect x="24" y="25" width="1" height="1" fill="#111111"/><rect x="28" y="25" width="1" height="1" fill="#111111"/><rect x="31" y="25" width="1" height="1" fill="#111111"/><rect x="32" y="25" width="1" height="1" fill="#111111"/><rect x="13" y="26" width="1" height="1" fill="#111111"/><rect x="16" y="26" width="1" height="1" fill="#111111"/><rect x="21" y="26" width="1" height="1" fill="#111111"/><rect x="24" y="26" width="1" height="1" fill="#111111"/><rect x="26" y="26" width="1" height="1" fill="#111111"/><rect x="28" y="26" width="1" height="1" fill="#111111"/><rect x="29" y="26" width="1" height="1" fill="#111111"/><rect x="30" y="26" width="1" height="1" fill="#111111"/><rect x="31" y="26" width="1" height="1" fill="#111111"/><rect x="17" y="27" width="1" height="1" fill="#111111"/><rect x="19" y="27" width="1" height="1" fill="#111111"/><rect x="20" y="27" width="1" height="1" fill="#111111"/><rect x="22" y="27" width="1" height="1" fill="#111111"/><rect x="24" y="27" width="1" height="1" fill="#111111"/><rect x="28" y="27" width="1" height="1" fill="#111111"/><rect x="30" y="27" width="1" height="1" fill="#111111"/><rect x="13" y="28" width="1" height="1" fill="#111111"/><rect x="17" y="28" width="1" height="1" fill="#111111"/><rect x="19" y="28" width="1" height="1" fill="#111111"/><rect x="20" y="28" width="1" height="1" fill="#111111"/><rect x="24" y="28" width="1" height="1" fill="#111111"/><rect x="25" y="28" width="1" height="1" fill="#111111"/><rect x="26" y="28" width="1" height="1" fill="#111111"/><rect x="27" y="28" width="1" height="1" fill="#111111"/><rect x="28" y="28" width="1" height="1" fill="#111111"/><rect x="29" y="28" width="1" height="1" fill="#111111"/><rect x="31" y="28" width="1" height="1" fill="#111111"/><rect x="32" y="28" width="1" height="1" fill="#111111"/><rect x="12" y="29" width="1" height="1" fill="#111111"/><rect x="14" y="29" width="1" height="1" fill="#111111"/><rect x="17" y="29" width="1" height="1" fill="#111111"/><rect x="19" y="29" width="1" height="1" fill="#111111"/><rect x="20" y="29" width="1" height="1" fill="#111111"/><rect x="23" y="29" width="1" height="1" fill="#111111"/><rect x="24" y="29" width="1" height="1" fill="#111111"/><rect x="25" y="29" width="1" height="1" fill="#111111"/><rect x="26" y="29" width="1" height="1" fill="#111111"/><rect x="28" y="29" width="1" height="1" fill="#111111"/><rect x="30" y="29" width="1" height="1" fill="#111111"/><rect x="32" y="29" width="1" height="1" fill="#111111"/><rect x="13" y="30" width="1" height="1" fill="#111111"/><rect x="15" y="30" width="1" height="1" fill="#111111"/><rect x="22" y="30" width="1" height="1" fill="#111111"/><rect x="23" y="30" width="1" height="1" fill="#111111"/><rect x="24" y="30" width="1" height="1" fill="#111111"/><rect x="28" y="30" width="1" height="1" fill="#111111"/><rect x="29" y="30" width="1" height="1" fill="#111111"/><rect x="32" y="30" width="1" height="1" fill="#111111"/><rect x="13" y="31" width="1" height="1" fill="#111111"/><rect x="15" y="31" width="1" height="1" fill="#111111"/><rect x="18" y="31" width="1" height="1" fill="#111111"/><rect x="19" y="31" width="1" height="1" fill="#111111"/><rect x="22" y="31" width="1" height="1" fill="#111111"/><rect x="23" y="31" width="1" height="1" fill="#111111"/><rect x="24" y="31" width="1" height="1" fill="#111111"/><rect x="26" y="31" width="1" height="1" fill="#111111"/><rect x="27" y="31" width="1" height="1" fill="#111111"/><rect x="31" y="31" width="1" height="1" fill="#111111"/><rect x="18" y="32" width="1" height="1" fill="#111111"/><rect x="19" y="32" width="1" height="1" fill="#111111"/><rect x="22" y="32" width="1" height="1" fill="#111111"/><rect x="24" y="32" width="1" height="1" fill="#111111"/><rect x="26" y="32" width="1" height="1" fill="#111111"/><rect x="28" y="32" width="1" height="1" fill="#111111"/><rect x="31" y="32" width="1" height="1" fill="#111111"/><rect x="4" y="4" width="7" height="7" rx="0" ry="0" fill="#111111"/><rect x="5" y="5" width="5" height="5" rx="0" ry="0" fill="#ffffff"/><rect x="6" y="6" width="3" height="3" rx="0" ry="0" fill="#111111"/><rect x="26" y="4" width="7" height="7" rx="0" ry="0" fill="#111111"/><rect x="27" y="5" width="5" height="5" rx="0" ry="0" fill="#ffffff"/><rect x="28" y="6" width="3" height="3" rx="0" ry="0" fill="#111111"/><rect x="4" y="26" width="7" height="7" rx="0" ry="0" fill="#111111"/><rect x="5" y="27" width="5" height="5" rx="0" ry="0" fill="#ffffff"/><rect x="6" y="28" width="3" height="3" rx="0" ry="0" fill="#111111"/></g></svg>
Why QR codes
A QR code is a two-dimensional barcode that stores information — usually a URL — as a grid of modules. Modern phone cameras decode them in under a second with no app required, which is why QR codes have become the standard bridge from anything physical to anything digital.
They cost nothing to print, work on any surface from packaging to billboards, and let you change the destination later if you point them at a redirect you control. With a logo and brand colors, a QR code can even reinforce identity instead of feeling like a clinical block of pixels.
No typing long URLs, no remembering campaign codes — point the camera and tap.
Pointed at a redirect or a UTM-tagged URL, every scan becomes a measurable touchpoint.
Custom colors, module shapes, eye styles, and a center logo turn the code into a brand asset.
Built-in error correction keeps codes scannable even when scuffed, folded, or partly obscured.
Native QR scanning is built into iOS and Android cameras — no third-party reader needed.
Encode URLs, Wi-Fi credentials, vCards, payment links, calendar events, or plain text.
Use cases
Link posters, flyers, ads, and out-of-home placements to a landing page so print campaigns become measurable.
Replace laminated menus with a digital menu, take orders at the table, or collect reviews after a stay.
Surface product details, ingredient lists, manuals, AR experiences, or warranty registration without crowding the label.
Issue scannable tickets, run frictionless check-in, share schedules, or push attendees to session feedback forms.
Generate codes for mobile wallets, point-of-sale transfers, donation drives, and tip jars.
Encode network name and password into a code so guests connect by scanning instead of typing.
Embed contact details so a quick scan adds you to someone's address book — no paper needed.
Send users to the right App Store or Play Store listing for their device from a single printable code.
Yard signs, window displays, and property listings link to virtual tours, floor plans, or booking pages.
Set up time-based one-time passwords (TOTP) in authenticator apps with a single scan.
Whichever use case you pick, the rule of thumb stays the same: choose error correction H when overlaying a logo, keep contrast strong (dark modules on a light background scan most reliably), and test the printed size with a real phone before committing to a long print run.
Tools
Tools and content carefully crafted by Hire Digital especially for you
