Utility tool

100% In-Browser

Barcode Generator

Create a scannable Code 128 barcode for product IDs, URLs, asset tags, and ticket numbers. The SVG is generated locally in your browser.

Barcode value

Foreground#212529Background#ffffff

Bar width

Bar height

Quiet zone

Show readable label

Enter text to generate a Code 128 barcode.

Output

Barcode Preview

Code 128

Markup

SVG Source

2700 chars

<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Barcode for M-2026-001" viewBox="0 0 322 186" width="322" height="186"><rect width="100%" height="100%" fill="#ffffff"/><rect x="16" y="16" width="4" height="120" fill="#212529"/><rect x="22" y="16" width="2" height="120" fill="#212529"/><rect x="28" y="16" width="2" height="120" fill="#212529"/><rect x="38" y="16" width="2" height="120" fill="#212529"/><rect x="42" y="16" width="6" height="120" fill="#212529"/><rect x="50" y="16" width="4" height="120" fill="#212529"/><rect x="60" y="16" width="2" height="120" fill="#212529"/><rect x="66" y="16" width="4" height="120" fill="#212529"/><rect x="72" y="16" width="6" height="120" fill="#212529"/><rect x="82" y="16" width="4" height="120" fill="#212529"/><rect x="90" y="16" width="6" height="120" fill="#212529"/><rect x="100" y="16" width="2" height="120" fill="#212529"/><rect x="104" y="16" width="2" height="120" fill="#212529"/><rect x="110" y="16" width="6" height="120" fill="#212529"/><rect x="118" y="16" width="4" height="120" fill="#212529"/><rect x="126" y="16" width="4" height="120" fill="#212529"/><rect x="134" y="16" width="6" height="120" fill="#212529"/><rect x="144" y="16" width="2" height="120" fill="#212529"/><rect x="148" y="16" width="4" height="120" fill="#212529"/><rect x="156" y="16" width="6" height="120" fill="#212529"/><rect x="164" y="16" width="2" height="120" fill="#212529"/><rect x="170" y="16" width="2" height="120" fill="#212529"/><rect x="176" y="16" width="4" height="120" fill="#212529"/><rect x="182" y="16" width="6" height="120" fill="#212529"/><rect x="192" y="16" width="2" height="120" fill="#212529"/><rect x="198" y="16" width="6" height="120" fill="#212529"/><rect x="206" y="16" width="4" height="120" fill="#212529"/><rect x="214" y="16" width="2" height="120" fill="#212529"/><rect x="220" y="16" width="6" height="120" fill="#212529"/><rect x="228" y="16" width="4" height="120" fill="#212529"/><rect x="236" y="16" width="2" height="120" fill="#212529"/><rect x="242" y="16" width="6" height="120" fill="#212529"/><rect x="252" y="16" width="4" height="120" fill="#212529"/><rect x="258" y="16" width="4" height="120" fill="#212529"/><rect x="266" y="16" width="6" height="120" fill="#212529"/><rect x="276" y="16" width="2" height="120" fill="#212529"/><rect x="280" y="16" width="4" height="120" fill="#212529"/><rect x="290" y="16" width="6" height="120" fill="#212529"/><rect x="298" y="16" width="2" height="120" fill="#212529"/><rect x="302" y="16" width="4" height="120" fill="#212529"/><text x="161" y="170" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#212529">M-2026-001</text></svg>

Guide

What Is a Barcode Generator?

A barcode generator creates a scannable image from text or numbers. Barcodes help organizations identify products, shipments, assets, tickets, documents, and inventory without manual typing. They are common in retail, logistics, warehousing, manufacturing, healthcare, libraries, shipping, and asset tracking.

This free online barcode generator creates a Code 128-B SVG locally in your browser. Standardized barcode symbologies matter because scanners need predictable bar and space patterns, quiet zones, and readable data rules.

Method

How the Barcode Generator Works

Data entryEnter the printable ASCII text to encode.

Live previewThe preview updates from the current value and output settings.

SVG renderingThe output is generated as scalable SVG markup.

Color controlsChoose foreground and background colors.

Sizing controlsSet bar width, bar height, and quiet-zone padding.

Readable labelOptionally show the encoded text under the bars.

Copy SVGCopy the generated SVG markup to the clipboard.

Download SVGSave the barcode image as barcode.svg.

Format

Supported Barcode Format

The implemented format is Code 128-B. It supports printable ASCII input in this page and calculates the required Code 128 checksum internally. The page does not include a format selector and does not generate EAN-13, EAN-8, UPC-A, UPC-E, ITF, Codabar, MSI, Pharmacode, or GS1-128 symbols.

Code 128 is useful for product SKUs, asset tags, ticket numbers, short URLs, internal labels, and tracking identifiers when your scanner and workflow support Code 128.

Quality

Barcode Accuracy and Scan Reliability

EncodingThe barcode represents the entered printable ASCII data according to the implemented Code 128-B behavior.

ChecksumA Code 128 checksum is added during generation.

Quiet zoneClear space before and after the barcode helps scanners detect the symbol.

ContrastDark bars on a light, solid background usually scan more reliably.

SizeBar width and height should be large enough for the scanner and print method.

TestingAlways scan-test the final printed or embedded barcode before production use.

Examples

Common Code 128 Barcode Examples

Product SKUM-2026-001 for an internal product or inventory label.

Asset tagASSET-LAPTOP-0482 for equipment tracking.

Ticket numberTICKET-9F7A-2026 for event or support workflows.

Order URLhttps://www.manjurul.com/order/12345 for a short internal order link.

Use

How to Use the Barcode Generator

Enter printable ASCII text in the barcode value field.
Optionally load a product, URL, asset, or ticket preset.
Adjust foreground color, background color, bar width, bar height, and quiet zone.
Choose whether to show the human-readable label.
Review the generated Code 128 barcode preview.
Copy or download the SVG, then scan-test the final barcode.

Results

Understanding the Results

Barcode previewThe visible SVG image generated from the current settings.

Encoded textThe barcode value and optional readable label.

FormatThe preview badge identifies the output as Code 128.

SVG sourceThe markup textarea contains the generated SVG source.

Copy optionCopies SVG markup for use in another system.

Download optionDownloads the SVG file for design, print, or label workflows.

Applications

Common Uses

Retail and inventoryCreate internal SKU or shelf labels.

Warehousing and logisticsLabel bins, shipments, work orders, and pick lists.

ManufacturingTrack parts, batches, equipment, and process steps.

Healthcare and labsSupport compatible internal sample, asset, or document labels.

Libraries and officesLabel books, files, hardware, badges, and documents.

Events and supportEncode ticket, order, or case identifiers.

Practical Notes

Benefits, Limitations, Tips and Mistakes

Benefits

Fast Code 128 barcode creation in the browser.
Scalable SVG output for digital and print workflows.
Useful for internal labels, assets, tickets, and inventory.
Adjustable color, size, quiet zone, and readable label settings.

Limitations

Only Code 128-B is implemented.
Only printable ASCII input is accepted.
Scan reliability depends on final size, contrast, print quality, and scanner support.
The tool does not provide GS1 registration or product number licensing.

Tips for Best Results

Use the right symbology for your workflow before generating labels.
Keep dark bars on a light background with strong contrast.
Preserve quiet zones and avoid cropping the SVG.
Do not stretch the barcode unevenly.
Scan-test the final printed label before production.

Common Mistakes

Entering unsupported characters.
Choosing Code 128 for a workflow that requires EAN/UPC or GS1-128.
Printing too small or with poor contrast.
Removing the quiet zone.
Using an unregistered product identifier where registration is required.

FAQ

Frequently Asked Questions

What is a barcode generator?

A barcode generator turns entered data into a machine-readable barcode image that scanners can decode.

How does this barcode generator work?

Enter printable ASCII text, adjust the display options, then the page generates a Code 128 SVG preview locally in your browser.

Which barcode format is supported?

This page supports Code 128-B. It does not generate EAN-13, EAN-8, UPC-A, UPC-E, ITF, Codabar, MSI, Pharmacode, or GS1-128.

What is Code 128?

Code 128 is a high-density linear barcode symbology used for alphanumeric identifiers in logistics, inventory, labels, and general tracking.

What is Code 128-B?

Code 128-B is a character set within Code 128 that supports printable ASCII characters in this implementation.

What characters can I enter?

This implementation accepts printable ASCII characters only. Control characters and unsupported Unicode characters are rejected.

Does the generator calculate a check digit?

Yes. The Code 128 checksum is calculated internally as part of the generated symbol.

Can I download the barcode?

Yes. Use Download SVG to save the generated barcode as a scalable SVG file.

Can I copy the barcode?

Yes. Use Copy SVG to copy the SVG markup to the clipboard.

Can I print generated barcodes?

You can print the downloaded SVG, but you should preserve the quiet zone, use strong contrast, avoid distortion, and test the printed result.

Why won't my barcode scan?

Common causes include unsupported characters, low contrast, insufficient quiet zone, printing too small, distortion, or scanner incompatibility.

Can I use these barcodes commercially?

You may use the generated image for general business workflows, but product identifiers and regulated uses may require GS1 registration or industry-specific rules.

Is this a GS1 barcode generator?

No. It creates a Code 128-B SVG from your text. It does not issue GS1 company prefixes, GTINs, or GS1-128 application identifier data structures.

Are the generated barcodes standards compliant?

The output follows this page's implemented Code 128-B encoding behavior, but final scan quality depends on sizing, contrast, printing, and scanner support.

Is the barcode generator free?

Yes. This is a free online barcode creator.

Does it work on mobile devices?

Yes. The controls are browser-based and designed to work on modern desktop and mobile screens.

More Tools

Related Tools

Glossary

Barcode Terms

Barcode: A machine-readable pattern of bars and spaces.
Barcode Symbology: The rules used to encode data in a barcode format.
Check Digit: A calculated value used by scanners to help detect errors.
Code 128: A high-density linear barcode symbology for alphanumeric data.
Code 39: An older alphanumeric barcode symbology not generated by this page.
EAN: A GS1 retail barcode family used globally for product identification.
UPC: A GS1 retail barcode family commonly used for products in North America.
GS1: A standards organization for identifiers, barcodes, and supply chain data.
Scanner: A device or app that reads and decodes barcode data.
Encoding: The process of turning data into barcode patterns.
Inventory: Goods, materials, assets, or stock tracked by an organization.
SKU: A stock keeping unit used internally to identify an item.

Sources

References

Transparency & Verification

Educational Disclaimer

100% In-Browser Execution

This Barcode Generator produces Code 128-B SVG barcodes using the implemented encoding rules. Results are intended for educational, informational, testing, and general business use. Verify compatibility with your scanners, printers, label software, and industry requirements. This tool does not replace official GS1 registration, regulatory requirements, barcode verification, or commercial barcode licensing where applicable.

Calculations and transformations execute locally on your machine with full offline support. Always verify critical results.

View full legal disclaimer