Badge Generator
Build shields.io-style badges for READMEs, forums, and project pages.
No watermarkFree & unlimited
Label
Message
Label color
Message color
Style
Logo slug (optional)
Quick presets
Preview
Loaded directly from shields.io
Copy snippet
Markdown
HTML
<img alt="build" src="https://img.shields.io/badge/build-passing-44cc11?style=flat&labelColor=555555">
BBCode
[img]https://img.shields.io/badge/build-passing-44cc11?style=flat&labelColor=555555[/img]
URL
https://img.shields.io/badge/build-passing-44cc11?style=flat&labelColor=555555
Your browser loads badge images directly from shields.io. No data passes through our servers.
About this tool
- 1
Enter badge text
Set the label (left) and message (right) text for your badge.
- 2
Customize style
Choose colors, style (flat, for-the-badge), and optionally add an icon.
- 3
Copy output
Copy as Markdown, HTML, or URL for use in your README.
- Use the "for-the-badge" style for prominent badges in your README header.
- Preset badges like "Built with React" or "PRs Welcome" save time.
- Batch mode lets you create and copy multiple badges at once.
- Live SVG preview
- 5 badge styles
- Custom colors
- Preset badges
- Markdown, HTML, and URL output
- Batch mode
- Adding status badges to GitHub README files
- Creating consistent badge styles across projects
- Building a badge collection for project documentation