From cfb239b85627c26d1bf8610b52b8582039366ca9 Mon Sep 17 00:00:00 2001 From: gov Date: Mon, 15 Mar 2021 02:23:11 -0300 Subject: [PATCH] v0.2 docs add 'How to Create'-'Custom Logo' to README.md --- README.md | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index e1a958f..dcf7bdb 100644 --- a/README.md +++ b/README.md @@ -778,7 +778,29 @@ A nice badge to give a link to [saythanks.io/to/kennethreitz](https://saythanks. ---- -## Badges with Custom Logo +## Custom Logo + +
+How to Create + +## Step by Step +1. Search a SVG image logo + - [Simpleicons](https://simpleicons.org/) + - [Flaticon](https://www.flaticon.com/) + - [Materialdesignicons](https://materialdesignicons.com/) +2. Optimize the SVG image using a tool: + * Example of tool: + - [SVGO Project](https://github.com/svg/svgo) ([Web App](https://jakearchibald.github.io/svgomg/)) +3. Encode the Optimized SVG to Base64 using a tool: + * Example of tool: + - [B64.io ](https://b64.io/) + - [Base64.Guru](https://base64.guru/converter/encode/image/svg) +4. Place the B64 code after the code: + ```markdown + https://img.shields.io/badge/--?logo=data:image/svg%2bxml;base64, + ``` +5. Use in your README.md +
---- @@ -893,3 +915,4 @@ A nice badge to give a link to [saythanks.io/to/kennethreitz](https://saythanks. [![ForTheBadge uses-badges](http://ForTheBadge.com/images/badges/uses-badges.svg)](http://ForTheBadge.com) [![ForTheBadge uses-git](http://ForTheBadge.com/images/badges/uses-git.svg)](https://GitHub.com/) +