How to Show Logo in ReadMe.Md file or in npm Package Home Page

How to add your own logo on README.md file

Here is a simple way to create your own logo for your npm package. I hope you will enjoy this.

Where to go and get logo

• Go to https://shields.io/#/ website
• prepare your own logo and
• have these logo references in your readme files.

Alternative way to create logo

You can also follow this pattern https://img.shields.io/badge/[SUBJECT]-[STATUS]-[COLOR].svg and Put something on below values:

• SUBJECT = npm
• STATUS= 1.0.0
• COLOR= green
• Below is your logo url:
  • https://img.shields.io/badge/npm-1.0.0-brightgreen.svg Now you can use this logo any where you want. Below is example
• 

How to show images in Readme.MD files

below are the ways to show images in md files.

    ![npm package](https://img.shields.io/badge/npm%20package-v1-brightgreen.svg)

![build succeeded](https://img.shields.io/badge/build-succeeded-brightgreen.svg)

![Test passing](https://img.shields.io/badge/Tests-passing-brightgreen.svg)

see examples: