Badge / Shield Generator
NewVisual builder for shields.io badges. Choose from presets (build, coverage, license, version) or customize label, message, color, style, and logo. Copy as Markdown, HTML, or URL.
<img src="https://img.shields.io/badge/build-passing-brightgreen" alt="build">
https://img.shields.io/badge/build-passing-brightgreen
Frequently Asked Questions
What logo names can I use?
Logo names come from Simple Icons (simpleicons.org). Enter the icon name in lowercase, such as "github", "npm", "typescript", "react", "docker", etc. The logo will appear on the left side of the badge.
Can I use custom colors?
Yes. In addition to the named colors (brightgreen, green, yellowgreen, yellow, orange, red, blue, lightgrey, blueviolet), you can enter any hex color code in the custom hex input field. Omit the # prefix.
What badge styles are available?
Shields.io supports five styles: flat (default), flat-square, plastic, for-the-badge (uppercase large text), and social (GitHub-style with a count bubble). Each style changes the visual appearance of the badge.