jquery.app
English
EnglishDeutschFrancaisEspanol日本語Nederlands

Images, SVG & Asset Tools

Free QR Code Generator

Create QR codes directly in the browser with full control over colors, size, and content type. Supports URL, plain text, email (subject and body), phone number, and WiFi credentials (SSID, password, encryption type). Output is SVG format with the raw SVG code displayed for copying into HTML documents. No data is sent to any server - all QR code generation happens locally.

Loading tool...

What is QR Code Generator?

QR Code Generator creates QR codes as scalable vector graphics (SVG) entirely in the browser. Unlike typical QR code tools that rely on third-party APIs or generate raster images, this tool produces clean SVG code that scales infinitely and can be embedded directly into HTML pages. It supports the most common QR code use cases: URLs, text, email, phone, and WiFi configuration.

quickAnswer

Generate QR codes as SVG for URLs, text, email, phone numbers, and WiFi credentials. Customize colors and size, copy the SVG or the raw code. All processing is local and free.

Last updated: 2026-06-09

limitations

  • The tool generates QR codes up to version 7 (45x45 modules), which limits maximum data capacity to roughly 150 alphanumeric characters for optimal scanning reliability.
  • Only SVG output is supported. For PNG, JPEG, or other raster formats, convert the SVG using an image conversion tool or browser screenshot.
  • QR codes with very dense data (long URLs, complex WiFi credentials with long passwords) produce more complex patterns that may be harder to scan at small sizes.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

How to use this tool

  1. Select the content type (URL, text, email, phone, or WiFi) from the dropdown.
  2. Fill in the fields for the selected type - for WiFi, provide the SSID, password, and encryption type (WPA, WEP, or none).
  3. Adjust the QR code colors (foreground and background) and size as needed.
  4. Copy the rendered QR code as SVG or grab the raw SVG code for use in HTML pages.

What you can use it for

  • Generate a QR code for a business URL to include in print materials, email signatures, or presentation slides.
  • Create a WiFi QR code that guests can scan to connect to a network without typing the password.
  • Embed an email QR code in a printed flyer so visitors can scan to send a message with a pre-filled subject line.

Use cases

Practical examples

example

Restaurant menu QR code

A restaurant places QR codes on tables linking to a digital menu. The owner uses the QR Code Generator to encode the menu URL, sets a warm foreground color to match the brand, and copies the SVG directly into the restaurant website's menu page.

example

Conference WiFi badge

An event organizer prints WiFi QR codes on conference badges. Using the WiFi content type, they enter the SSID 'Conference2026', the network password, and select WPA encryption. Attendees scan the badge QR code to connect instantly.

Common mistakes

  • Making the QR code too small for reliable scanning - QR codes need adequate physical size and quiet space (white border) around them. A 200x200 pixel minimum at standard viewing distances is recommended.
  • Using low-contrast color combinations - light foreground on dark background or similar-hue combinations can make QR codes unreadable. Black on white or dark colors on very light backgrounds work best.
  • Forgetting to test the QR code before printing - always scan the generated QR code with multiple devices and apps before putting it into production materials.

verification

  1. Generate a QR code for a short URL. Scan it with a smartphone camera and verify it opens the correct URL.
  2. Generate a WiFi QR code with a test SSID and password. Use a phone camera to scan it and verify the phone detects the correct network credentials.

FAQ

Questions about QR Code Generator

Is the QR code generation truly free and serverless?

Yes. All QR code generation happens locally in your browser using JavaScript. No data is sent to any server. The tool is free to use with no usage limits, API keys, or account required.

Can I customize the colors of the QR code?

Yes. You can set both the foreground (the dark modules) and the background color using color pickers or hex values. The SVG output preserves these custom colors when embedded in a page.

Why SVG and not PNG?

SVG is a vector format that scales infinitely without losing quality, making it ideal for both print and web use. The SVG code can be embedded directly in HTML without an external file. If you need a raster format, you can take a screenshot of the SVG or convert it in another tool.

Does the WiFi QR code work with all phones?

Most modern smartphones running iOS (11+) and Android (10+) can scan WiFi QR codes natively through the camera app. The generated QR code uses the standard WiFi credential encoding that these devices recognize.

Related tools

More images, svg & asset tools

Also try

Also try

CSS & Design Tools

CSS Carousel Generator

Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.

Open tool

CSS & Design Tools

CSS Scroll-State Query Generator

Generate CSS scroll-state() container queries for styling snapped, stuck, or scrollable elements. Includes JavaScript fallback for cross-browser support.

Open tool