HubTools

QR Code Generator with Logo

Generate branded QR codes with custom logos, gradient fills, eye styles, frames, and CTAs. URL, WiFi, vCard, email, SMS, and more. Free and client-side.

What is a QR Code?

A QR code (Quick Response code) is a two-dimensional barcode invented by Denso Wave in 1994 to track auto parts on assembly lines. The format encodes data as a grid of black and white modules with three distinctive corner finder patterns, and includes Reed-Solomon error correction so the code remains readable even when 7–30% of the surface is damaged. After smartphone cameras gained native QR scanning support around 2017 (iOS 11) and during the 2020 contact-tracing era, QR codes became the standard format for restaurant menus, payment links, WiFi onboarding, vCard sharing, and event tickets. This generator builds static QR codes for URLs, plain text, email, phone, SMS, WiFi, and vCard formats — all rendered in your browser. Need a fingerprint of the encoded data instead? Use the Hash Generator. Building a marketing campaign URL? Generate it with the URL Encoder/Decoder.
Content
Preview
Enter content to generate a QR code

How to use this tool

  1. 1
    Pick a content type
    Choose URL, text, email, phone, SMS, WiFi, or vCard. Each type has its own input fields tailored to the data structure.
  2. 2
    Fill in the data
    Enter the URL, network credentials, or contact details. The QR preview updates live as you type.
  3. 3
    Pick a starter template (or skip)
    Click any of the 10 templates to apply a tested combination of patterns, colors, and frame. Tweak from there or build from scratch.
  4. 4
    Add your logo and frame
    Upload a logo (PNG, JPEG, SVG, WebP) and pick a frame style with a SCAN ME call-to-action. Error correction auto-bumps to H so the code remains scannable.
  5. 5
    Verify scannability and download
    The Scannable badge confirms the QR decodes after every change. Download as PNG, SVG, JPEG, or WebP at sizes up to 4096 px.

Frequently asked questions

Will adding a logo break the QR scan?
Not if you do it right. Logos block dots in the center, but QR codes have built-in error correction that recovers the data — the H level recovers ~30% of the modules. This generator auto-bumps error correction to H when you add a logo, and the 'Hide dots behind logo' option clears the dots beneath cleanly. Keep the logo under 25–30% of the QR width and you'll be fine. Always test-scan before printing.