Generators

Badge generator

Generate Shields.io and Badgen.net badges for READMEs

Badge settings

Service

md-badges tech preset

Every value remains editable after applying a preset.

Label (left)

Message (right)

Message color

Label color

Logo slug

Logo color

Style

Destination URL (optional)

Preview

Output

Markdown

![build](https://img.shields.io/badge/build-passing-22c55e?logo=github&logoColor=white&labelColor=555555)

HTML

<img src="https://img.shields.io/badge/build-passing-22c55e?logo=github&logoColor=white&labelColor=555555" alt="build" />

URL

https://img.shields.io/badge/build-passing-22c55e?logo=github&logoColor=white&labelColor=555555

How to use / Notes

How to use

Badge images are served by external services like Shields.io and need a network connection.
Dynamic badges (build status, etc.) depend on the upstream service.