Developer · DEV-41Submit an issue

Shield badge maker

Create a Shield-style SVG badge for a README or documentation.

Custom text and colors · SVG
Usage guide and examples

How to use this tool

Set the left label, right value and colors, then download the SVG badge.

Check the input format and options with this example before using your own data. Random values, file sizes and presentation vary with the input and settings.

Example input and settings

build · passing
#555555 / #19a89d

What to check in the result

SVG · build | passing