Adding Cool Badges to your Github Readme Pages
Feel free to skip the end to see pre-made badges.
Making a Badge
The great minds at Shields.io thought up a great way to create custom badges for practically anything you need.
A simple example can be https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>
However the badges below use logos, You will use the url below for all the following examples.
https://img.shields.io/badge/<LABEL>-<BADGE-COLOR>.svg?logo=<LOGO-NAME>&logoColor=<LOGO-COLOR>
The above example was using this:
- LABEL is
Badge
, virtually any text can be provided.- Dashes
--
→-
Dash - Underscores
__
→_
Underscore _
or Space ` ` → ` ` Space
- Dashes
- BADGE-COLOR is
20232A
for the hex color of an subtle off black. - LOGO-NAME is
Gunicorn
which is from the available logos.- To check the slug names of all available logos, look at the slugs.md file of all available logos from simple logos.
- LOGO-COLOR is
E10098
with%23
which is#
url-encoded.
Markdown Code
The whole url and example above is like so:

Styles
The following styles are available. Flat is the default. Examples are shown with an optional logo:
&style=plastic
&style=flat (default)
&style=flat-square
&style=for-the-badge
&style=social
colors
Examples
Premade Badges

















