Color

Shapes:
Dots:
Eyes inner:
Eyes outer:
Shape
Logo
Advanced options
 
Current code size: _ × _ modules
(including quiet zone: _ × _)
Provide a text file with one URL per line.

Some combinations of customization options may reduce the code’s scannability. Be sure to test it before committing.

QRSVG

QRSVG is a small JavaScript project to render a two-dimensional bitmask (mostly assumed to be a QR code) to an SVG element as a collection of SVG paths with defined purposes.

Project Description

QR codes have established themselves as a popular way to provide a chunk of digital information (most commonly a web address to jump to) via physical media. I myself occasionally use them in flyers, posters, or presentation slides.

They are not too complicated to generate and a variety of free websites exist for this purpose. Sadly none of them appear to have all of the customization options that I want, plus most of them use some manner of ads and/or data tracking. The demo on this page combines Project Nayuki’s QR Code generator library (a multi-language open source project that can, among other things, perform the conversion of text into raw QR code data) with my own QRSVG project, which can turn a QR-like two-dimensional boolean data map into an efficient vector description of its own visualization by tracing the contours of contiguous shapes. Or in simpler terms: it turns a QR code into a straightforward and customizable SVG file. The demo up top showcases a number of stylistic customizations enabled by QRSVG. Its strengths include:

If the demo QR code generator at the top of this page is convenient for you too, please feel free to spread the word!