Pixel-perfect Retina-ready Fast Consistent Hackable No tracking
Ansible Role: | https://img.shields.io/ansible/role/:roleId.svg | |
---|---|---|
bStats Players: | https://img.shields.io/bstats/players/:pluginid.svg | |
bStats Servers: | https://img.shields.io/bstats/servers/:pluginid.svg | |
Relative date: | https://img.shields.io/date/:timestamp.svg | |
Eclipse Marketplace: | https://img.shields.io/eclipse-marketplace/favorites/:name.svg | |
Gems: | https://img.shields.io/gem/u/:user.svg | |
GitHub manifest.json dynamic: | https://img.shields.io/github/manifest-json/:key/:user/:repo.svg | |
GitHub manifest.json dynamic: | https://img.shields.io/github/manifest-json/:key/:user/:repo/:branch.svg | |
GitHub package.json dynamic: | https://img.shields.io/github/package-json/:key/:user/:repo.svg | |
GitHub package.json dynamic: | https://img.shields.io/github/package-json/:key/:user/:repo/:branch.svg | |
jsDelivr Hits (GitHub): | https://img.shields.io/jsdelivr/gh/hd/:user/:repo.svg | |
jsDelivr Hits (GitHub): | https://img.shields.io/jsdelivr/gh/hw/:user/:repo.svg | |
jsDelivr Hits (GitHub): | https://img.shields.io/jsdelivr/gh/hm/:user/:repo.svg | |
jsDelivr Hits (GitHub): | https://img.shields.io/jsdelivr/gh/hy/:user/:repo.svg | |
jsDelivr Hits (npm): | https://img.shields.io/jsdelivr/npm/hd/:packageName.svg | |
jsDelivr Hits (npm): | https://img.shields.io/jsdelivr/npm/hw/:packageName.svg | |
jsDelivr Hits (npm): | https://img.shields.io/jsdelivr/npm/hm/:packageName.svg | |
jsDelivr Hits (npm): | https://img.shields.io/jsdelivr/npm/hy/:packageName.svg | |
Dependent repos (via libraries.io): | https://img.shields.io/librariesio/dependent-repos/:platform/:library.svg | |
Dependents (via libraries.io): | https://img.shields.io/librariesio/dependents/:platform/:library.svg | |
Maintenance: | https://img.shields.io/maintenance/:maintained/:year.svg | |
NetflixOSS Lifecycle: | https://img.shields.io/osslifecycle/:user/:repo.svg | |
NetflixOSS Lifecycle (branch): | https://img.shields.io/osslifecycle/:user/:repo/:branch.svg | |
Puppet Forge releases by user: | https://img.shields.io/puppetforge/rc/:user.svg | |
Puppet Forge modules by user: | https://img.shields.io/puppetforge/mc/:user.svg | |
PyPI - Format: | https://img.shields.io/pypi/format/:packageName.svg | |
PyPI - Status: | https://img.shields.io/pypi/status/:packageName.svg | |
Sourcegraph for Repo Reference Count: | https://img.shields.io/sourcegraph/rrc/:repo.svg | |
Spiget Tested Versions: | https://img.shields.io/spiget/tested-versions/:resourceid.svg | |
Steam Collection Files: | https://img.shields.io/steam/collection-files/:collectionId.svg | |
Steam Views: | https://img.shields.io/steam/views/:fileId.svg | |
Swagger Validator: | https://img.shields.io/swagger/valid/2.0/:scheme/:url.svg | |
Vaadin Directory: | https://img.shields.io/vaadin-directory/status/:packageName.svg | |
Wheelmap: | https://img.shields.io/wheelmap/a/:nodeId(-?[0-9]+).svg |
https://img.shields.io/badge/<SUBJECT>-<STATUS>-<COLOR>.svg
Dashes -- | → | - Dash |
Underscores __ | → | _ Underscore |
_ or Space | → | Space |
https://img.shields.io/badge/endpoint.svg?url=<URL>&style<STYLE>
Create badges from your own JSON endpoint.
https://img.shields.io/badge/dynamic/json.svg?url=<URL>&label=<LABEL>&query=<$.DATA.SUBDATA>&colorB=<COLOR>&prefix=<PREFIX>&suffix=<SUFFIX>
https://img.shields.io/badge/dynamic/xml.svg?url=<URL>&label=<LABEL>&query=<//data/subdata>&colorB=<COLOR>&prefix=<PREFIX>&suffix=<SUFFIX>
https://img.shields.io/badge/dynamic/yaml.svg?url=<URL>&label=<LABEL>&query=<$.DATA.SUBDATA>&colorB=<COLOR>&prefix=<PREFIX>&suffix=<SUFFIX>
The following styles are available. Flat is the default. Examples are shown with an optional logo:
?style=plastic&logo=appveyor | |
?style=flat&logo=appveyor | |
?style=flat-square&logo=appveyor | |
?style=for-the-badge&logo=appveyor | |
?style=popout&logo=appveyor | |
?style=popout-square&logo=appveyor | |
?style=social&logo=appveyor |
Here are a few other parameters you can use: (connecting several with "&" is possible)
?label=healthinesses | Override the default left-hand-side text (URL-Encoding needed for spaces or special characters!) |
?logo=appveyor | Insert one of the named logos from (bitcoin, dependabot, discord, gitlab, npm, paypal, serverfault, stackexchange, superuser, telegram, travis) or simple-icons |
?logo=data:image/png;base64,… | Insert custom logo image (≥ 14px high) |
?logoColor=violet | Set the color of the logo (hex, rgb, rgba, hsl, hsla and css named colors supported) |
?logoWidth=40 | Set the horizontal space to give to the logo |
?link=http://left&link=http://right | Specify what clicking on the left/right of a badge should do (esp. for social badge style) |
?colorA=abcdef | Set background of the left part (hex, rgb, rgba, hsl, hsla and css named colors supported) |
?colorB=fedcba | Set background of the right part (hex, rgb, rgba, hsl, hsla and css named colors supported) |
?maxAge=3600 | Set the HTTP cache lifetime in secs (rules are applied to infer a default value on a per-badge basis, any values specified below the default will be ignored) |
We support .svg
, .json
, .png
and a few others, but use them responsibly.
What is your favorite badge service to use?
Tell us and we might bring it to you!