← Browse all toolsQR Code SVG Generator

Generate

QR Code SVG Generator

Generate a deterministic QR-style SVG matrix for visual placeholders and demos.

Loading...

Page context

Where QR Code SVG Generator fits

QR Code SVG Generator creates a deterministic QR-style SVG matrix for visual placeholders and demos.

QR-style matrix

The first version generates a QR-looking matrix with finder squares and deterministic modules for a fixed label.

Use cases

Use it for mockups, placeholder labels, documentation visuals, and UI states where QR-like artwork is enough.

QR Code SVG Generator

Generate a deterministic QR-style SVG matrix for visual placeholders and demos.

bytes: 5931
characters: 5931
format: SVG

Preview

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="234" viewBox="0 0 200 234" role="img" aria-label="Generated QR code SVG"><rect width="200" height="234" rx="16" fill="#ffffff"/><rect x="8" y="8" width="184" height="184" rx="10" fill="#f8fafc"/><g><rect x="16" y="16" width="56" height="56" fill="#0f172a"/><rect x="24" y="24" width="40" height="40" fill="#ffffff"/><rect x="32" y="32" width="24" height="24" fill="#0f172a"/><rect x="128" y="16" width="56" height="56" fill="#0f172a"/><rect x="136" y="24" width="40" height="40" fill="#ffffff"/><rect x="144" y="32" width="24" height="24" fill="#0f172a"/><rect x="16" y="128" width="56" height="56" fill="#0f172a"/><rect x="24" y="136" width="40" height="40" fill="#ffffff"/><rect x="32" y="144" width="24" height="24" fill="#0f172a"/><rect x="72" y="16" width="8" height="8" fill="#0f172a"/><rect x="88" y="16" width="8" height="8" fill="#0f172a"/><rect x="112" y="16" width="8" height="8" fill="#0f172a"/><rect x="80" y="24" width="8" height="8" fill="#0f172a"/><rect x="88" y="24" width="8" height="8" fill="#0f172a"/><rect x="72" y="32" width="8" height="8" fill="#0f172a"/><rect x="104" y="32" width="8" height="8" fill="#0f172a"/><rect x="80" y="40" width="8" height="8" fill="#0f172a"/><rect x="120" y="40" width="8" height="8" fill="#0f172a"/><rect x="96" y="48" width="8" height="8" fill="#0f172a"/><rect x="72" y="56" width="8" height="8" fill="#0f172a"/><rect x="112" y="56" width="8" height="8" fill="#0f172a"/><rect x="120" y="56" width="8" height="8" fill="#0f172a"/><rect x="88" y="64" width="8" height="8" fill="#0f172a"/><rect x="112" y="64" width="8" height="8" fill="#0f172a"/><rect x="24" y="72" width="8" height="8" fill="#0f172a"/><rect x="32" y="72" width="8" height="8" fill="#0f172a"/><rect x="64" y="72" width="8" height="8" fill="#0f172a"/><rect x="104" y="72" width="8" height="8" fill="#0f172a"/><rect x="144" y="72" width="8" height="8" fill="#0f172a"/><rect x="176" y="72" width="8" height="8" fill="#0f172a"/><rect x="24" y="80" width="8" height="8" fill="#0f172a"/><rect x="40" y="80" width="8" height="8" fill="#0f172a"/><rect x="80" y="80" width="8" height="8" fill="#0f172a"/><rect x="96" y="80" width="8" height="8" fill="#0f172a"/><rect x="120" y="80" width="8" height="8" fill="#0f172a"/><rect x="160" y="80" width="8" height="8" fill="#0f172a"/><rect x="168" y="80" width="8" height="8" fill="#0f172a"/><rect x="16" y="88" width="8" height="8" fill="#0f172a"/><rect x="56" y="88" width="8" height="8" fill="#0f172a"/><rect x="88" y="88" width="8" height="8" fill="#0f172a"/><rect x="96" y="88" width="8" height="8" fill="#0f172a"/><rect x="136" y="88" width="8" height="8" fill="#0f172a"/><rect x="160" y="88" width="8" height="8" fill="#0f172a"/><rect x="176" y="88" width="8" height="8" fill="#0f172a"/><rect x="32" y="96" width="8" height="8" fill="#0f172a"/><rect x="72" y="96" width="8" height="8" fill="#0f172a"/><rect x="80" y="96" width="8" height="8" fill="#0f172a"/><rect x="112" y="96" width="8" height="8" fill="#0f172a"/><rect x="152" y="96" width="8" height="8" fill="#0f172a"/><rect x="48" y="104" width="8" height="8" fill="#0f172a"/><rect x="72" y="104" width="8" height="8" fill="#0f172a"/><rect x="88" y="104" width="8" height="8" fill="#0f172a"/><rect x="128" y="104" width="8" height="8" fill="#0f172a"/><rect x="144" y="104" width="8" height="8" fill="#0f172a"/><rect x="168" y="104" width="8" height="8" fill="#0f172a"/><rect x="24" y="112" width="8" height="8" fill="#0f172a"/><rect x="64" y="112" width="8" height="8" fill="#0f172a"/><rect x="104" y="112" width="8" height="8" fill="#0f172a"/><rect x="136" y="112" width="8" height="8" fill="#0f172a"/><rect x="144" y="112" width="8" height="8" fill="#0f172a"/><rect x="40" y="120" width="8" height="8" fill="#0f172a"/><rect x="56" y="120" width="8" height="8" fill="#0f172a"/><rect x="80" y="120" width="8" height="8" fill="#0f172a"/><rect x="120" y="120" width="8" height="8" fill="#0f172a"/><rect x="128" y="120" width="8" height="8" fill="#0f172a"/><rect x="160" y="120" width="8" height="8" fill="#0f172a"/><rect x="96" y="128" width="8" height="8" fill="#0f172a"/><rect x="120" y="128" width="8" height="8" fill="#0f172a"/><rect x="136" y="128" width="8" height="8" fill="#0f172a"/><rect x="176" y="128" width="8" height="8" fill="#0f172a"/><rect x="72" y="136" width="8" height="8" fill="#0f172a"/><rect x="112" y="136" width="8" height="8" fill="#0f172a"/><rect x="152" y="136" width="8" height="8" fill="#0f172a"/><rect x="88" y="144" width="8" height="8" fill="#0f172a"/><rect x="104" y="144" width="8" height="8" fill="#0f172a"/><rect x="128" y="144" width="8" height="8" fill="#0f172a"/><rect x="168" y="144" width="8" height="8" fill="#0f172a"/><rect x="176" y="144" width="8" height="8" fill="#0f172a"/><rect x="96" y="152" width="8" height="8" fill="#0f172a"/><rect x="104" y="152" width="8" height="8" fill="#0f172a"/><rect x="144" y="152" width="8" height="8" fill="#0f172a"/><rect x="168" y="152" width="8" height="8" fill="#0f172a"/><rect x="80" y="160" width="8" height="8" fill="#0f172a"/><rect x="88" y="160" width="8" height="8" fill="#0f172a"/><rect x="120" y="160" width="8" height="8" fill="#0f172a"/><rect x="160" y="160" width="8" height="8" fill="#0f172a"/><rect x="80" y="168" width="8" height="8" fill="#0f172a"/><rect x="96" y="168" width="8" height="8" fill="#0f172a"/><rect x="136" y="168" width="8" height="8" fill="#0f172a"/><rect x="152" y="168" width="8" height="8" fill="#0f172a"/><rect x="176" y="168" width="8" height="8" fill="#0f172a"/><rect x="72" y="176" width="8" height="8" fill="#0f172a"/><rect x="112" y="176" width="8" height="8" fill="#0f172a"/><rect x="144" y="176" width="8" height="8" fill="#0f172a"/><rect x="152" y="176" width="8" height="8" fill="#0f172a"/></g><text x="100" y="222" text-anchor="middle" font-family="IBM Plex Mono, Menlo, monospace" font-size="16" fill="#0f172a">SVGKIT</text></svg>