Badge colours and styles

Default Badge Primary Badge Info Badge Success Badge Warning Badge Danger Badge Dark Badge

Badges with Icons and no text

Badge icon Icon for this badge Badge icon Icon for this badge

Badges different colours

Gray red Yellow Green Blue Indigo Purple Pink

Badges sizes

Small Gray Medium Gray Base Gray Large Gray

Badges Outline

Outline Danger Outline Success Outline Warning

Badges Colours

Badge icon Icon for this badge Ruby on Rails Badge icon Icon for this badge JavaScript Badge icon Icon for this badge TypeScript Badge icon Icon for this badge Shell Badge icon Icon for this badge Go Badge icon Icon for this badge HTML 5

Badges with icons

Badge icon Icon for this badge Paid Badge icon Icon for this badge 2 minutes ago Badge icon Icon for this badge Default Badge Badge icon Icon for this badge Failed Badge icon Icon for this badge Refunded Badge icon Icon for this badge Badge

Brands Badges with leading icons

Badge icon Icon for this badge Github Badge icon Icon for this badge Facebook Badge icon Icon for this badge Basecamp

Brands Badges with trailing icons

Badge icon Icon for this badge Apple Badge icon Icon for this badge Google Badge icon Icon for this badge twitter

Badges with Close Buttons

Close it! Click button to close!

Guthub Badges

Github topic Github label Github label archive Github beta Github pro

Badges with Counters

Messages 5 Notifications 10

Dismissible Badges

Click it! Click to dismiss