Skip to content

Conversation

@LitoMore
Copy link

Preview

Before After

How?

Typically, a shields.io badge consists of three parts: icon, label, and message. Here is a simplest badge with for-the-badge style:

https://img.shields.io/badge/label-message-blue?logo=vercel&style=for-the-badge

Here is the previously made-by-vercel badge with in colors (icon + message):

https://img.shields.io/badge/MADE%20BY%20Vercel-000000.svg?style=for-the-badge&logo=Vercel

We should use the "icon + label" to avoid the wide gap between the icon and text. Here is the polished badge (icon + label):

Why?

I'm the active contributor of the https://github.com/badges/shields project. I'm also the maintainer of https://github.com/simple-icons/simple-icons (the icon provider of shields.io). So I am very sensitive to the style of this badge.

Although this is a one-line contribution PR for a documentation update, I'd like to elaborate on my reasoning for submitting it. Thanks for reading.

@ijjk
Copy link
Member

ijjk commented Oct 22, 2025

Allow CI Workflow Run

  • approve CI run for commit: 3b18d05

Note: this should only be enabled once the PR is ready to go and can only be enabled by a maintainer

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants