Question 1

How do I make a badge for my README?

Accepted Answer

Set a label (left side), a message (right side) and a color, then copy the generated Markdown into your README. The badge is rendered on the fly by shields.io, so it always stays up to date.

Question 2

What badge styles are available?

Accepted Answer

This tool supports the four standard shields.io styles: plastic, flat (default), flat-square and for-the-badge, plus the social style. You can also add a logo from Simple Icons by name.

Question 3

Can I add a logo to my badge?

Accepted Answer

Yes. Enter a logo name (for example react, github, npm) that exists in the Simple Icons set, and it will appear on the badge. You can also recolor the logo independently.

Question 4

Does this tool upload anything?

Accepted Answer

No. The badge URL is generated entirely in your browser. The image itself is rendered by the public shields.io service when the README is viewed.