Generate QR codes for URLs, WiFi, email, phone, SMS, and vCards. Add your logo, customize colors, and download as a beautiful branded card — all free, all in your browser.
No signup required
Runs in browser
PNG & SVG export
Branded card download
QR Code Content
Style & Options
Click to upload or drag and drop
Tip: Use Q or H error correction for better scannability with a logo.
Branded Card Settings
Generated QR Code
Fill in the fields and click Generate QR Code
Card Preview
thetoolempire.com
Found a bug or issue with this tool? Let us know.
Tags
QR CodeQR GeneratorBarcodeURL ShortenerWiFi QRvCardBusiness CardMarketingPrintPNG DownloadSVG ExportLogo QR Code
The Tool Empire's QR Code Maker is a fully browser-based tool for generating professional QR codes of any type — URLs, plain text, email addresses with pre-filled subjects and bodies, phone numbers, SMS messages, WiFi network credentials, and full vCard contact information.
Unlike most online QR generators, everything runs client-side in your browser. Your URLs, WiFi passwords, phone numbers, and contact details are never transmitted to any server. There's no sign-up, no watermark, and no usage limit.
What Makes This Tool "Advanced"?
7 QR content types: URL, text, email (with subject + body), phone, SMS, WiFi, and vCard
Full color customization: Set both the foreground (module) color and background color independently
Logo overlay: Upload a PNG, JPG, or SVG logo to embed in the QR center. The quiet zone handles error correction automatically
Error correction levels: Choose L (7%), M (15%), Q (25%), or H (30%) depending on how much of the code might be obscured
Three export formats: PNG (raster), SVG (vector, infinite scale), and branded card (PNG with your logo, title, and description)
Branded card download: Set a custom background color, text color, card title, and description. Great for print campaigns, restaurant menus, business cards, and retail signage
Who Is This Tool For?
The QR Code Maker is built for developers, designers, marketers, restaurant owners, educators, event organizers, and anyone who needs to create QR codes without handing their data to a third-party server. If you're running a privacy-conscious campaign or just need a quick QR code to print on flyers, this is the fastest path from idea to downloadable file.
How to Use the QR Code Maker
Generating a professional QR code takes under a minute. Follow these steps:
1
Choose Content Type
Select from URL, Text, Email, Phone, SMS, WiFi, or vCard using the tab buttons at the top of the input panel.
2
Enter Your Data
Fill in the relevant fields. For WiFi, enter the SSID and password. For vCard, add name, phone, email, and organization.
3
Customize Style
Pick your QR color, background color, error correction level, and quiet zone margin. Upload a center logo if needed.
4
Set Card Options
Enter a card title and description. Choose a card background color and text color. Toggle the branding footer.
5
Generate
Click "Generate QR Code." The QR renders instantly in the output panel alongside a live card preview.
6
Download
Download as PNG (for web/digital), SVG (for print/infinite scaling), or Card (branded PNG with your branding).
When to Use Each Error Correction Level
L (7%) — Clean digital use only, never printed or overlaid with a logo
M (15%) — Standard recommendation for most use cases
Q (25%) — Use when overlaying a logo that covers up to 20% of the QR
H (30%) — Use for dirty or partially obscured physical environments (outdoor signage, textured surfaces)
Tips for Maximum Scan Rate
Maintain at least a 3:1 contrast ratio between dark modules and background
Don't make QR codes smaller than 2cm × 2cm in print
Always test with at least 2 different scanner apps before printing
Include a brief "scan me" text below the QR — users are more likely to engage
For logos, keep the logo under 25% of the total QR area
Behind the Scenes: How QR Code Generation Works
QR codes (Quick Response codes) are a 2D matrix barcode format invented by Denso Wave in 1994. They encode data using a pattern of black squares on a white background. Here's how this tool generates them — and why everything stays in your browser.
The QR Encoding Process
Data analysis: The content string (e.g., a URL) is analyzed to determine the best encoding mode — numeric, alphanumeric, byte, or Kanji.
Data encoding: The data is converted to binary using the selected mode. Byte mode handles the full UTF-8 character set including emoji and international characters.
Error correction: Reed-Solomon error correction codes are calculated and appended. This is what lets a QR code still scan when part of it is obscured or damaged.
Module placement: Data and error correction bits are placed into the matrix, interleaved with format and version information patterns.
Masking: One of 8 masking patterns is applied to minimize large runs of same-color modules, which could confuse scanners.
Rendering: The final matrix is drawn onto an HTML5 <canvas> element using the JavaScript Canvas API.
Technologies Used
Library
qrcodejs v1.0
Browser-native QR encoding library by davidshimjs. Handles all encoding modes, error correction, and Canvas rendering with zero dependencies.
Framework
Alpine.js v3
Lightweight reactive UI framework. Manages form state, tab switching, and live preview updates.
Rendering
HTML5 Canvas API
Browser-native 2D rendering. Used for QR output, logo overlay compositing, and card PNG export.
Export
Canvas.toDataURL()
Converts the rendered canvas to a Base64-encoded PNG string for client-side download — no server needed.
SVG Export
Canvas → SVG conversion
Reads pixel data from the rendered canvas and emits equivalent SVG rect elements — vector output with infinite-resolution scaling for print.
Privacy
Zero Network Requests
No data leaves the browser. The FileReader API handles logo uploads locally. Nothing is logged or stored.
Logo Overlay Technique
When a logo is uploaded, the tool uses the FileReader API to read the image file into a Base64 data URL. After the QR matrix is rendered to canvas, the logo is composited on top using drawImage(), centered within a white rounded-rectangle background. The background ensures the logo doesn't interfere with the finder patterns in the corners.
The logo occupies approximately 22% of the QR area. With Q-level error correction (25% recovery), the code remains fully scannable even with the logo blocking the center.
Branded Card Generation
The card download creates a new off-screen <canvas> element programmatically, sized based on whether a logo, title, and description are present. It draws the background, the logo (if any), the QR code, title and description text, and the optional branding footer — all in memory — before calling toDataURL('image/png') to produce the final downloadable image. No server, no upload, no latency.
QR Code Use Cases
Business & Marketing
Link a physical flyer to a landing page or lead capture form
Print QR codes on business cards that open your vCard contact details
Add QR codes to product packaging that link to manuals, tutorial videos, or warranty registration
Place QR codes in store windows linking to Google Maps or reservation pages
Restaurants & Hospitality
Contactless menus on table cards — scan to view the current menu
WiFi QR codes at reception so guests don't need to type passwords
Link to review platforms (Google, Yelp) to boost ratings
Events & Education
Conference badges with vCard QR for instant contact exchange
Classroom posters linking to supplementary videos or quiz forms
Event tickets with URL QR codes for digital check-in
Developers & Designers
Quick mobile testing — scan a URL instead of typing it on a phone keyboard
Share staging/preview URLs with clients during review sessions
Generate WiFi QR for development environments and shared workspaces
FAQ
Frequently Asked Questions
Everything you need to know about this QR Code Maker.
Yes — 100% free, forever. There are no plans, no subscriptions, no watermarks on downloaded files, and no usage limits. You can generate as many QR codes as you need without creating an account.
No. All QR code generation runs entirely in your browser using JavaScript. Your URLs, WiFi credentials, phone numbers, and contact information are never transmitted to any server, never stored, and never logged. This is fully client-side processing.
Yes. Upload any PNG, JPG, or SVG image (under 2MB) as a center logo. The logo is composited directly onto the QR canvas. When using a logo, set the error correction level to Q (25%) or H (30%) to ensure the code remains scannable despite the logo covering the center modules.
The branded card is a complete PNG image that includes your logo (if uploaded), the QR code, a title, a short description, and an optional branding footer. You can customize the card background color and text color. It's designed for printing on flyers, restaurant table cards, business cards, and marketing materials.
PNG is a raster format — fixed pixel dimensions, best for digital use (websites, email, social media). SVG is a vector format — infinitely scalable without quality loss, ideal for print. Use SVG when you need the QR code printed large (poster, banner, billboard) and PNG for digital/screen use.
Error correction determines how much of the QR code can be damaged or obscured while still scanning correctly. L (7%) — minimal redundancy, smallest code. M (15%) — standard balance of size and resilience. Q (25%) — recommended when using a center logo. H (30%) — maximum resilience for harsh physical environments. Higher levels produce denser, slightly larger QR codes.
Static QR codes (like the ones generated here) never expire — they simply encode the data you provided. A URL QR code will keep working as long as the URL itself remains active. Since we don't use redirect servers or short links, there's no risk of a third-party shutting down and breaking your code.
Yes. iOS 11+ and Android 10+ both support WiFi QR codes natively through the camera app. The WiFi QR format used here (WIFI:T:WPA;S:NetworkName;P:Password;H:false;;) is the industry standard recognized by all major smartphone platforms. No app required — just point the camera.
The ISO/IEC 18004 standard recommends a minimum QR code size of 2cm × 2cm for typical scanning distances (10-25cm). For distances above 25cm (e.g., wall posters), multiply the minimum by the scan distance in meters. A QR code scanned from 1 meter away should be at least 6-8cm. Always download as SVG for print to avoid pixelation at larger sizes.
This tool generates static QR codes that point directly to your URL — there's no redirect layer, so scan counts aren't tracked here. To track scans, use a UTM-tagged URL (e.g., https://yoursite.com?utm_source=qr&utm_medium=print) and monitor it in Google Analytics 4. This approach gives you full analytics without depending on a third-party QR tracking service.