Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
How to add your logos on readme files

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:

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:

npm package

build succeeded

Test passing

@ghost

This comment has been minimized.

Copy link

@ghost ghost commented Aug 26, 2021

my bot

@ghost

This comment has been minimized.

Copy link

@ghost ghost commented Aug 26, 2021

my bot

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment