📊 SVG Barcode Generator

Generate Code128 format barcodes as SVG
Barcode Text
Bar Width: 2px
Height: 100px
Bar Color
Background
Show text below barcode
Preview
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="356" height="130" viewBox="0 0 356 130">
  <rect width="356" height="130" fill="#FFFFFF"/>
  <rect x="0" y="0" width="2" height="100" fill="#000000"/><rect x="2" y="0" width="2" height="100" fill="#000000"/><rect x="6" y="0" width="2" height="100" fill="#000000"/><rect x="12" y="0" width="2" height="100" fill="#000000"/><rect x="22" y="0" width="2" height="100" fill="#000000"/><rect x="26" y="0" width="2" height="100" fill="#000000"/><rect x="28" y="0" width="2" height="100" fill="#000000"/><rect x="36" y="0" width="2" height="100" fill="#000000"/><rect x="44" y="0" width="2" height="100" fill="#000000"/><rect x="52" y="0" width="2" height="100" fill="#000000"/><rect x="54" y="0" width="2" height="100" fill="#000000"/><rect x="58" y="0" width="2" height="100" fill="#000000"/><rect x="66" y="0" width="2" height="100" fill="#000000"/><rect x="68" y="0" width="2" height="100" fill="#000000"/><rect x="70" y="0" width="2" height="100" fill="#000000"/><rect x="74" y="0" width="2" height="100" fill="#000000"/><rect x="78" y="0" width="2" height="100" fill="#000000"/><rect x="80" y="0" width="2" height="100" fill="#000000"/><rect x="88" y="0" width="2" height="100" fill="#000000"/><rect x="90" y="0" width="2" height="100" fill="#000000"/><rect x="94" y="0" width="2" height="100" fill="#000000"/><rect x="96" y="0" width="2" height="100" fill="#000000"/><rect x="98" y="0" width="2" height="100" fill="#000000"/><rect x="106" y="0" width="2" height="100" fill="#000000"/><rect x="110" y="0" width="2" height="100" fill="#000000"/><rect x="118" y="0" width="2" height="100" fill="#000000"/><rect x="120" y="0" width="2" height="100" fill="#000000"/><rect x="122" y="0" width="2" height="100" fill="#000000"/><rect x="126" y="0" width="2" height="100" fill="#000000"/><rect x="128" y="0" width="2" height="100" fill="#000000"/><rect x="132" y="0" width="2" height="100" fill="#000000"/><rect x="140" y="0" width="2" height="100" fill="#000000"/><rect x="142" y="0" width="2" height="100" fill="#000000"/><rect x="144" y="0" width="2" height="100" fill="#000000"/><rect x="148" y="0" width="2" height="100" fill="#000000"/><rect x="150" y="0" width="2" height="100" fill="#000000"/><rect x="154" y="0" width="2" height="100" fill="#000000"/><rect x="162" y="0" width="2" height="100" fill="#000000"/><rect x="164" y="0" width="2" height="100" fill="#000000"/><rect x="168" y="0" width="2" height="100" fill="#000000"/><rect x="170" y="0" width="2" height="100" fill="#000000"/><rect x="172" y="0" width="2" height="100" fill="#000000"/><rect x="176" y="0" width="2" height="100" fill="#000000"/><rect x="184" y="0" width="2" height="100" fill="#000000"/><rect x="188" y="0" width="2" height="100" fill="#000000"/><rect x="190" y="0" width="2" height="100" fill="#000000"/><rect x="198" y="0" width="2" height="100" fill="#000000"/><rect x="206" y="0" width="2" height="100" fill="#000000"/><rect x="208" y="0" width="2" height="100" fill="#000000"/><rect x="210" y="0" width="2" height="100" fill="#000000"/><rect x="214" y="0" width="2" height="100" fill="#000000"/><rect x="216" y="0" width="2" height="100" fill="#000000"/><rect x="220" y="0" width="2" height="100" fill="#000000"/><rect x="222" y="0" width="2" height="100" fill="#000000"/><rect x="224" y="0" width="2" height="100" fill="#000000"/><rect x="232" y="0" width="2" height="100" fill="#000000"/><rect x="236" y="0" width="2" height="100" fill="#000000"/><rect x="238" y="0" width="2" height="100" fill="#000000"/><rect x="242" y="0" width="2" height="100" fill="#000000"/><rect x="248" y="0" width="2" height="100" fill="#000000"/><rect x="250" y="0" width="2" height="100" fill="#000000"/><rect x="252" y="0" width="2" height="100" fill="#000000"/><rect x="258" y="0" width="2" height="100" fill="#000000"/><rect x="260" y="0" width="2" height="100" fill="#000000"/><rect x="264" y="0" width="2" height="100" fill="#000000"/><rect x="266" y="0" width="2" height="100" fill="#000000"/><rect x="272" y="0" width="2" height="100" fill="#000000"/><rect x="274" y="0" width="2" height="100" fill="#000000"/><rect x="276" y="0" width="2" height="100" fill="#000000"/><rect x="282" y="0" width="2" height="100" fill="#000000"/><rect x="286" y="0" width="2" height="100" fill="#000000"/><rect x="288" y="0" width="2" height="100" fill="#000000"/><rect x="294" y="0" width="2" height="100" fill="#000000"/><rect x="298" y="0" width="2" height="100" fill="#000000"/><rect x="300" y="0" width="2" height="100" fill="#000000"/><rect x="302" y="0" width="2" height="100" fill="#000000"/><rect x="308" y="0" width="2" height="100" fill="#000000"/><rect x="310" y="0" width="2" height="100" fill="#000000"/><rect x="316" y="0" width="2" height="100" fill="#000000"/><rect x="318" y="0" width="2" height="100" fill="#000000"/><rect x="320" y="0" width="2" height="100" fill="#000000"/><rect x="326" y="0" width="2" height="100" fill="#000000"/><rect x="330" y="0" width="2" height="100" fill="#000000"/><rect x="332" y="0" width="2" height="100" fill="#000000"/><rect x="340" y="0" width="2" height="100" fill="#000000"/><rect x="342" y="0" width="2" height="100" fill="#000000"/><rect x="344" y="0" width="2" height="100" fill="#000000"/><rect x="348" y="0" width="2" height="100" fill="#000000"/><rect x="352" y="0" width="2" height="100" fill="#000000"/><rect x="354" y="0" width="2" height="100" fill="#000000"/>
  <text x="178" y="120" text-anchor="middle" font-family="monospace" font-size="16" fill="#000000">DEVTOOLBOX123</text>
</svg>