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
20232Afor the hex color of an subtle off black. - LOGO-NAME is
Gunicornwhich 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
E10098with%23which 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
