How to use: Barcode Generator

Description

Create CODE 128, EAN-13, UPC-A, CODE 39, ITF, Codabar and MSI barcodes from any text or number, with size, colours, quiet zone and crisp SVG or PNG export.

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

How to use

Using 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

CODE 128 encodes the full ASCII set, so mixed text like this serial works out of the box.

Input

26173-TOOLS

Output

<div class="bc-out" style="text-align:center"><svg aria-bc-name="code128" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 142" width="310" height="142" class="bc-svg" role="img" aria-label="CODE128 barcode: 26173-TOOLS" shape-rendering="crispEdges" style="max-width:100%;height:auto"><rect x="0" y="0" width="310" height="142" fill="#ffffff"/><g fill="#000000"><rect x="10" y="10" width="4" height="100"/><rect x="16" y="10" width="2" height="100"/><rect x="22" y="10" width="6" height="100"/><rect x="32" y="10" width="6" height="100"/><rect x="42" y="10" width="2" height="100"/><rect x="48" y="10" width="4" height="100"/><rect x="54" y="10" width="2" height="100"/><rect x="60" y="10" width="6" height="100"/><rect x="70" y="10" width="4" height="100"/><rect x="76" y="10" width="6" height="100"/><rect x="84" y="10" width="2" height="100"/><rect x="88" y="10" width="8" height="100"/><rect x="98" y="10" width="4" height="100"/><rect x="106" y="10" width="2" height="100"/><rect x="110" y="10" width="6" height="100"/><rect x="120" y="10" width="2" height="100"/><rect x="126" y="10" width="4" height="100"/><rect x="132" y="10" width="6" height="100"/><rect x="142" y="10" width="4" height="100"/><rect x="148" y="10" width="6" height="100"/><rect x="160" y="10" width="2" height="100"/><rect x="164" y="10" width="2" height="100"/><rect x="172" y="10" width="6" height="100"/><rect x="180" y="10" width="4" height="100"/><rect x="186" y="10" width="2" height="100"/><rect x="194" y="10" width="6" height="100"/><rect x="202" y="10" width="4" height="100"/><rect x="208" y="10" width="2" height="100"/><rect x="216" y="10" width="4" height="100"/><rect x="222" y="10" width="6" height="100"/><rect x="230" y="10" width="4" height="100"/><rect x="236" y="10" width="6" height="100"/><rect x="244" y="10" width="2" height="100"/><rect x="252" y="10" width="6" height="100"/><rect x="260" y="10" width="8" height="100"/><rect x="270" y="10" width="2" height="100"/><rect x="274" y="10" width="4" height="100"/><rect x="284" y="10" width="6" height="100"/><rect x="292" y="10" width="2" height="100"/><rect x="296" y="10" width="4" height="100"/></g><text x="155" y="130" font-size="20" text-anchor="middle" fill="#000000">26173-TOOLS</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>CODE128</td></tr>
        <tr><th>Encoded text</th><td>26173-TOOLS</td></tr>
        <tr><th>Bar modules</th><td>145</td></tr>
        <tr><th>Symbol size</th><td>310 × 142 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 Barcode Generator helps:

• Create CODE 128, EAN-13, UPC-A, CODE 39, ITF, Codabar and MSI barcodes from any text or number, with size, colours, quiet zone and crisp SVG or PNG export.

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

Barcode Generator → · barcode →