Pixel-perfect Retina-ready Fast Consistent Hackable No tracking
Ansible Role: | /ansible/role/3078.svg | |
---|---|---|
bit: | /bit/collection/total-components/ramda/ramda.svg | |
bStats Players: | /bstats/players/1.svg | |
bStats Servers: | /bstats/servers/1.svg | |
Relative date: | /date/1540814400.svg | |
Eclipse Marketplace: | /eclipse-marketplace/favorites/notepad4e.svg | |
Gems: | /gem/u/raphink.svg | |
GitHub manifest.json dynamic: | /github/manifest-json/permissions/developit/microbundle.svg | |
GitHub manifest.json dynamic: | /github/manifest-json/permissions/developit/microbundle/master.svg | |
GitHub package.json dynamic: | /github/package-json/keywords/developit/microbundle.svg | |
GitHub package.json dynamic: | /github/package-json/keywords/developit/microbundle/master.svg | |
Dependent repos (via libraries.io): | /librariesio/dependent-repos/npm/got.svg | |
Dependents (via libraries.io): | /librariesio/dependents/npm/got.svg | |
Maintenance: | /maintenance/yes/2019.svg | |
NetflixOSS Lifecycle: | /osslifecycle/Netflix/osstracker.svg | |
NetflixOSS Lifecycle (branch): | /osslifecycle/Netflix/osstracker/master.svg | |
Puppet Forge modules by user: | /puppetforge/mc/camptocamp.svg | |
Puppet Forge releases by user: | /puppetforge/rc/camptocamp.svg | |
PyPI - Format: | /pypi/format/Django.svg | |
PyPI - Status: | /pypi/status/Django.svg | |
Sourcegraph for Repo Reference Count: | /sourcegraph/rrc/github.com%2Fgorilla%2Fmux.svg | |
Steam Collection Files: | /steam/collection-files/180077636.svg | |
Steam Views: | /steam/views/100.svg | |
Swagger Validator: | /swagger/valid/2.0/https/raw.githubusercontent.com%2FOAI%2FOpenAPI-Specification%2Fmaster%2Fexamples%2Fv2.0%2Fjson%2Fpetstore-expanded.json.svg | |
Vaadin Directory: | /vaadin-directory/status/vaadinvaadin-grid.svg | |
Wheelmap: | /wheelmap/a/26699541.svg |
Using dash "-" separator
/badge/<LABEL>-<MESSAGE>-<COLOR>.svg
Dashes -- | → | - Dash |
Underscores __ | → | _ Underscore |
_ or Space | → | Space |
Using query string parameters
/static/v1.svg?label=<LABEL>&message=<MESSAGE>&color=<COLOR>
/endpoint.svg?url=<URL>&style<STYLE>
Create badges from your own JSON endpoint.
/badge/dynamic/json.svg?url=<URL>&label=<LABEL>&query=<$.DATA.SUBDATA>&color=<COLOR>&prefix=<PREFIX>&suffix=<SUFFIX>
/badge/dynamic/xml.svg?url=<URL>&label=<LABEL>&query=<//data/subdata>&color=<COLOR>&prefix=<PREFIX>&suffix=<SUFFIX>
/badge/dynamic/yaml.svg?url=<URL>&label=<LABEL>&query=<$.DATA.SUBDATA>&color=<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. Simple-icons are referenced using names as they appear on the simple-icons site. If the name includes spaces, replace them with dashes (e.g: ?logo=visual-studio-code ) |
?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) |
?labelColor=abcdef | Set background of the left part (hex, rgb, rgba, hsl, hsla and css named colors supported). The legacy name "colorA" is also supported. |
?color=fedcba | Set background of the right part (hex, rgb, rgba, hsl, hsla and css named colors supported). The legacy name "colorB" is also supported. |
?cacheSeconds=3600 | Set the HTTP cache lifetime (rules are applied to infer a default value on a per-badge basis, any values specified below the default will be ignored). The legacy name "maxAge" is also supported. |
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!