How to use: vCard QR Code Generator

Description

Generate a vCard 3.0 contact QR code with name, organisation, title, phone, email, website, address and note.

• qr
• Because everything is computed client-side, vCard QR Code Generator is safe to use with sensitive data such as API keys, tokens or private logs.

How to use

Using vCard QR Code Generator takes three steps:

1. Paste your data into the input box (or load the example).
2. Configure the options to match your target format or scenario.
3. Copy, download or inspect the output — it updates live as you type.

Run

Examples

Emits a vCard 3.0 with N, FN, ORG, TITLE, TEL, EMAIL and URL; scanning it offers to save the contact.

Output (generated live by the tool just now)

<div class="qr-out">
  <div class="qr-preview"><img src="data:image/png;base64,iVBORw0KGgo=" alt="QR code" width="256" height="256" style="max-width:100%;height:auto;image-rendering:pixelated"></div>
  <div class="qr-meta">
    <table class="tb-table"><tbody>
      <tr><th>Detected type</th><td>vCard</td></tr>
      <tr><th>Version</th><td>9 (53×53 modules)</td></tr>
      <tr><th>Error correction</th><td>M</td></tr>
      <tr><th>Quiet zone</th><td>4 module(s)</td></tr>
      <tr><th>Payload size</th><td>163 bytes (UTF-8)</td></tr>
      <tr><th>Contrast</th><td>21.00:1</td></tr>
      <tr><th>Validation</th><td class="ok">VALID</td></tr>
      <tr><th>Render → decode self-test</th><td class="bad">FAILED (decoded ≠ payload)</td></tr>
    </tbody></table>
    <table class="tb-table"><tbody><tr><th>name</th><td>John Doe</td></tr><tr><th>phone</th><td>+15550109988</td></tr><tr><th>email</th><td>john@example.com</td></tr><tr><th>org</th><td>26173 Tools</td></tr><tr><th>url</th><td>https://www.26173.com</td></tr></tbody></table>
  </div>
</div>
<div class="qr-payload"><strong>Payload</strong><pre class="ex-io">BEGIN:VCARD
VERSION:3.0
N:Doe;John
FN:John Doe
ORG:26173 Tools
TITLE:Engineer
TEL;TYPE=CELL:+15550109988
EMAIL:john@example.com
URL:https://www.26173.com
END:VCARD</pre></div>


<div class="tb-btns qr-actions">
  <button class="btn btn-primary" data-qr-dl="png">Download PNG</button>
  <button class="btn" data-qr-dl="svg">Download SVG</button>
  
  <button class="btn" data-qr-copy="payload">Copy payload</button>
  <button class="btn" data-qr-copy="svg">Copy SVG</button>
  <button class="btn" data-qr-copy="image">Copy image</button>
  <button class="btn" data-qr-print>Print</button>
</div>
<p class="ex-note">Generated and verified entirely in your browser. No data is uploaded.</p>

This output was produced by actually running the tool, not written by hand.

Use cases

Common situations where vCard QR Code Generator helps:

• Generate a vCard 3.0 contact QR code with name, organisation, title, phone, email, website, address and note.

Parameters

Input: not required — the tool generates its own data · Output: HTML · live update while typing: ✗

FAQ

Good to know

• The result does not update while you type — press Run after changing the input.
• The output is rendered as formatted content; use Copy to take the plain value.
• Everything runs client-side, so extremely large inputs are limited by your browser tab’s memory rather than by a server upload limit.

Related tools

vCard QR Code Generator → · qr →