md-badges/STYLES.md
2023-12-10 23:09:21 +00:00

2.7 KiB

logo

⛩️ Types of Badges ⛩️

shield.io has 5 different styles of buttons, including:

Types Styles
1 Plastic Plastic
2 Flat-Square Flat-Square
3 Flat Flat
4 Social Social
5 For The Badge For-The-Badge

This project uses Flat badges for the sake of simplicity, similar to how markdown-badges uses For The Badge badges for theirs.

If you want to change the style of your badge, add the following code into your badge:

Plastic:

style=plastic

Example: ![GitHub](https://img.shields.io/badge/GitHub-%23121011.svg?style=plastic&logo=github&logoColor=white)

Result: GitHub

Flat Square:

style=flat-square

Example: ![YouTube](https://img.shields.io/badge/YouTube-%23FF0000.svg?style=flat-square&logo=YouTube&logoColor=white)

Result: YouTube

Flat:

style=flat

Example: ![Twitch](https://img.shields.io/badge/Twitch-%239146FF.svg?style=flat&logo=Twitch&logoColor=white)

Result: Twitch

Social

style=social

Example: ![GitHub repo watchers](https://img.shields.io/github/watchers/badges/shields.svg?style=social)

Result: GitHub repo watchers

For The Badge

style=for-the-badge

Example: ![Spotify](https://img.shields.io/badge/Spotify-1ED760?style=for-the-badge&logo=spotify&logoColor=white)

Result: Spotify