Build shareable QR codes with custom colours, sizing, and quiet zones.

SVG markup

Overview

QR Lab is a professional QR code generator that creates customizable, scalable QR codes in SVG format. Unlike bitmap-based generators, QR Lab produces vector graphics that remain sharp at any size. Customize error correction levels, colors, module sizes, quiet zones, and mask patterns to create QR codes that match your brand identity or specific technical requirements. The tool generates production-ready SVG markup that can be directly embedded in web pages, printed materials, or design files.

Use Cases

Marketing and Event Materials

Generate branded QR codes for posters, flyers, business cards, and event tickets. Customize colors to match your brand palette, adjust size for print resolution requirements, and use higher error correction for codes that might be partially obscured by logos or text. SVG format ensures crisp printing at any scale.

Digital Product Integration

Embed QR codes in websites, mobile apps, and digital signage. Use transparent backgrounds to overlay codes on images or colored backgrounds. Generate compact codes for small displays or detailed codes for information-rich content like vCards, WiFi credentials, or cryptocurrency wallet addresses.

URL Shortening and Tracking

Create QR codes for shortened URLs, campaign tracking links, or dynamic redirect endpoints. Lower error correction reduces visual complexity for simple URLs, while higher error correction ensures reliability when codes are displayed on reflective surfaces or in variable lighting conditions.

Authentication and Access Control

Generate QR codes for two-factor authentication (2FA) setup, access tokens, or secure entry passes. Use higher error correction levels (Q or H) to ensure reliable scanning even on cracked screens or worn printed badges. Customize colors for visual access tier identification.

Technical Documentation

Embed QR codes in technical documentation, API references, or software installation guides to link to online resources, tutorial videos, or configuration tools. SVG format integrates seamlessly into PDF documentation and can be resized without quality loss for different document formats.

How to Use

  1. Enter content and configure options

    Paste the URL, text, or data you want to encode into the content field. Adjust error correction level (L for URLs, H for codes with logos), module size for physical dimensions, quiet zone for surrounding whitespace, and optionally customize foreground/background colors and mask pattern.

  2. Preview your QR code

    The tool automatically generates a live preview as you type or adjust settings. Verify that your QR code is readable and visually appealing. Check the version and symbol size statistics to ensure the code complexity matches your use case - simpler content produces smaller, easier-to-scan codes.

  3. Copy or download the SVG

    Click "Copy SVG markup" to copy the complete SVG code to your clipboard for pasting into HTML, design files, or documentation. Or use "Download SVG" to save the file for use in print design software, import into Illustrator/Figma, or archival purposes. The SVG is resolution-independent and can scale infinitely.

Frequently Asked Questions

What error correction level should I use?

Low (L, 7%) is ideal for simple URLs and reduces visual complexity. Medium (M, 15%) is a balanced default for general use. Quartile (Q, 25%) works well for codes that may be partially covered or damaged. High (H, 30%) is best when overlaying logos or for durability, but creates more complex patterns. Higher levels allow up to 30% of the code to be obscured while remaining scannable.

What size should I make my QR code for printing?

Minimum print size depends on scanning distance: for handheld scanning (business cards, flyers), aim for at least 0.8 inches (2 cm) square. For signage scanned from 3-6 feet away, use 3-6 inches (8-15 cm). The module size setting controls pixel dimensions - increase it for larger files and sharper edges at high DPI. QR codes should print at 300 DPI or higher for professional quality.

Why would I change the mask pattern?

Mask patterns help balance the distribution of dark and light modules across the QR code, improving scannability. "Auto" (default) automatically selects the optimal pattern. Manual selection (0-7) is useful when a specific pattern produces better visual results for your design or when fine-tuning for problematic content that may create hard-to-scan patterns.

Can I put a logo in the center of the QR code?

Yes, but with caveats. QR codes can tolerate some data loss thanks to error correction. Use error correction level Q (25%) or H (30%) to accommodate a logo covering the center. The logo should not cover more than 20-30% of the code. Test thoroughly with multiple devices and scanning conditions. For best results, generate the QR code first, then overlay your logo in design software.

What is the quiet zone and why is it important?

The quiet zone is the blank margin around the QR code required by the QR specification. It provides visual separation from surrounding content, ensuring scanners can reliably detect the code boundaries. The default of 2-4 modules is usually sufficient. Reduce to 0-1 only when space is extremely limited, but this may reduce scanning reliability, especially at angles or in poor lighting.

Related Tools

External Resources