How to use: UPC-A Barcode Generator

Description

Generate a US retail UPC-A barcode from 11 digits with the check digit added automatically, ready for print as SVG or PNG.

• barcode
• Because everything is computed client-side, UPC-A Barcode Generator is safe to use with sensitive data such as API keys, tokens or private logs.

How to use

Using UPC-A Barcode 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

A complete 12-digit UPC-A; the trailing check digit is validated, or added when you type only 11.

Input

012345678905

Output

<div class="bc-out" style="text-align:center"><svg aria-bc-name="upc" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 242 154" width="242" height="154" class="bc-svg" role="img" aria-label="UPC barcode: 012345678905" shape-rendering="crispEdges" style="max-width:100%;height:auto"><rect x="0" y="0" width="242" height="154" fill="#ffffff"/><g fill="#000000"><rect x="26" y="10" width="2" height="112"/><rect x="30" y="10" width="2" height="112"/><rect x="38" y="10" width="4" height="112"/><rect x="44" y="10" width="2" height="112"/><rect x="50" y="10" width="4" height="112"/><rect x="58" y="10" width="2" height="112"/><rect x="64" y="10" width="2" height="112"/><rect x="70" y="10" width="4" height="112"/><rect x="76" y="10" width="8" height="112"/><rect x="86" y="10" width="2" height="112"/><rect x="90" y="10" width="2" height="112"/><rect x="98" y="10" width="4" height="112"/><rect x="104" y="10" width="4" height="112"/><rect x="114" y="10" width="2" height="112"/><rect x="118" y="10" width="2" height="112"/><rect x="122" y="10" width="2" height="112"/><rect x="126" y="10" width="2" height="112"/><rect x="130" y="10" width="2" height="112"/><rect x="140" y="10" width="2" height="112"/><rect x="148" y="10" width="2" height="112"/><rect x="154" y="10" width="2" height="112"/><rect x="160" y="10" width="2" height="112"/><rect x="168" y="10" width="6" height="112"/><rect x="176" y="10" width="2" height="112"/><rect x="182" y="10" width="6" height="112"/><rect x="192" y="10" width="2" height="112"/><rect x="196" y="10" width="2" height="112"/><rect x="202" y="10" width="6" height="112"/><rect x="210" y="10" width="2" height="112"/><rect x="214" y="10" width="2" height="112"/></g><text x="10" y="142" font-size="20" text-anchor="start" fill="#000000">0</text><text x="81" y="142" font-size="20" text-anchor="middle" fill="#000000">12345</text><text x="161" y="142" font-size="20" text-anchor="middle" fill="#000000">67890</text><text x="232" y="142" font-size="20" text-anchor="end" fill="#000000">5</text></svg>
<div class="tb-btns bc-actions">
  <button class="btn btn-primary" data-bc-act="png">Download PNG</button>
  <button class="btn" data-bc-act="svg">Download SVG</button>
  <button class="btn" data-bc-act="copy">Copy SVG</button>
  <button class="btn" data-bc-act="print">Print</button>
</div></div>
<table class="tb-table"><tbody>
        <tr><th>Symbology</th><td>UPC</td></tr>
        <tr><th>Encoded text</th><td>012345678905</td></tr>
        <tr><th>Bar modules</th><td>111</td></tr>
        <tr><th>Symbol size</th><td>242 × 154 px (SVG, scales losslessly)</td></tr>
        <tr><th>Quiet zone</th><td>10 px</td></tr>
        <tr><th>Human-readable text</th><td>on</td></tr>
      </tbody></table>

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

Use cases

Common situations where UPC-A Barcode Generator helps:

• Generate a US retail UPC-A barcode from 11 digits with the check digit added automatically, ready for print as SVG or PNG.

Parameters

This tool has no options — it works on the input alone.

FAQ

Good to know

• 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

UPC-A Barcode Generator → · barcode →