Logos
-Using Logos
-SimpleIcons
-We support a wide range of logos via SimpleIcons. They should be referenced by the logo slug e.g:
- - https://img.shields.io/npm/v/npm.svg?logo=nodedotjs
The set of Simple Icon slugs can be found in the slugs.md file in the Simple Icons repository. NB - the Simple Icons site and that slugs.md page may at times contain new icons that haven't yet been pulled into the Shields.io runtime. More information on how and when we incorporate icon updates can be found here.
-Shields logos
-We also maintain a small number of custom logos for some services: https://github.com/badges/shields/tree/master/logo They can also be referenced by name and take preference to SimpleIcons e.g:
- - https://img.shields.io/npm/v/npm.svg?logo=npm
Custom Logos
-Any custom logo can be passed in a URL parameter by base64 encoding it. e.g:
- - https://img.shields.io/badge/play-station-blue.svg?logo=data:image/svg%2bxml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSI2MDAiIGhlaWdodD0iNjAwIj48cGF0aCBkPSJNMTI5IDExMWMtNTUgNC05MyA2Ni05MyA3OEwwIDM5OGMtMiA3MCAzNiA5MiA2OSA5MWgxYzc5IDAgODctNTcgMTMwLTEyOGgyMDFjNDMgNzEgNTAgMTI4IDEyOSAxMjhoMWMzMyAxIDcxLTIxIDY5LTkxbC0zNi0yMDljMC0xMi00MC03OC05OC03OGgtMTBjLTYzIDAtOTIgMzUtOTIgNDJIMjM2YzAtNy0yOS00Mi05Mi00MmgtMTV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+
logoColor parameter
-The logoColor param can be used to set the color of the logo. Hex, rgb, rgba, hsl, hsla and css named colors can all be used. For SimpleIcons named logos (which are monochrome), the color will be applied to the SimpleIcons logo.
-
-
- https://img.shields.io/badge/logo-javascript-blue?logo=javascript
-- https://img.shields.io/badge/logo-javascript-blue?logo=javascript&logoColor=f5f5f5
-
In the case where Shields hosts a custom multi-colored logo, if the logoColor param is passed, the corresponding SimpleIcons logo will be substituted and colored.
-
-
- https://img.shields.io/badge/logo-gitlab-blue?logo=gitlab
-- https://img.shields.io/badge/logo-gitlab-blue?logo=gitlab&logoColor=white
-
For documentation on using logos, see https://shields.io/docs/logos
Contributing Logos
Our preferred way to consume icons is via the SimpleIcons logo. As a first port of call, we encourage you to contribute logos to the SimpleIcons project. Please review their guidance before contributing.
In some cases we may also accept logo submissions directly. In general, we do this only when:
@@ -107,7 +86,7 @@diff --git a/tutorial-performance-testing.html b/tutorial-performance-testing.html index 75963c7977..f0bde1a2ca 100644 --- a/tutorial-performance-testing.html +++ b/tutorial-performance-testing.html @@ -76,7 +76,7 @@ node --prof-process --preprocess -j isolate-00000244AB6ED3B0-11920-v8.log | flam
diff --git a/tutorial-production-hosting.html b/tutorial-production-hosting.html index 9805360c3c..b8b0b2bef3 100644 --- a/tutorial-production-hosting.html +++ b/tutorial-production-hosting.html @@ -217,7 +217,7 @@ via
local-shields-io-production.yml (see
diff --git a/tutorial-releases.html b/tutorial-releases.html
index 05b43dd24d..86aaa9a4ab 100644
--- a/tutorial-releases.html
+++ b/tutorial-releases.html
@@ -79,7 +79,7 @@
diff --git a/tutorial-self-hosting.html b/tutorial-self-hosting.html index f2e6bb3a86..90476b2192 100644 --- a/tutorial-self-hosting.html +++ b/tutorial-self-hosting.html @@ -180,7 +180,7 @@ Set
public.requireCloudflare: true.
diff --git a/tutorial-server-secrets.html b/tutorial-server-secrets.html index 0cefef4f65..2e2a9c6a2c 100644 --- a/tutorial-server-secrets.html +++ b/tutorial-server-secrets.html @@ -294,7 +294,7 @@ and create an API key for the YouTube Data API v3.
diff --git a/tutorial-service-tests.html b/tutorial-service-tests.html index 36cc06acb5..8ab27fae0b 100644 --- a/tutorial-service-tests.html +++ b/tutorial-service-tests.html @@ -246,7 +246,7 @@ comment there instead.
diff --git a/tutorial-static-badges.html b/tutorial-static-badges.html index 79f1ceccbe..78c94ca418 100644 --- a/tutorial-static-badges.html +++ b/tutorial-static-badges.html @@ -28,16 +28,7 @@
Static Badges
-It is possible to use shields.io to make a wide variety of badges displaying static text and/or logos. For example:
--
-
- https://img.shields.io/badge/any%20text-you%20like-blue
-- https://img.shields.io/badge/just%20the%20message-8A2BE2
-- https://img.shields.io/badge/%27for%20the%20badge%27%20style-20B2AA?style=for-the-badge
-- https://img.shields.io/badge/with%20a%20logo-grey?style=for-the-badge&logo=javascript
-
Full documentation of styles and parameters: https://shields.io/#styles
-More documentation on logos: https://github.com/badges/shields/blob/master/doc/logos.md
+This documentation has moved to https://shields.io/docs/static-badges