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