From a85b434a75e7d1606bbd22148c1cfc795d3064e1 Mon Sep 17 00:00:00 2001
From: Limon Monte <limon.monte@gmail.com>
Date: Tue, 17 Jul 2018 19:51:53 +0900
Subject: [PATCH] Add Installation and Usage instructions (#155)

---
 README.md | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 8eef03e0..25baa6c5 100644
--- a/README.md
+++ b/README.md
@@ -5,9 +5,33 @@ The logos have a 512x512 viewbox, they will fit in a circle with radius 256. The
 
 Say thanks!
 
-* <a href="https://amzn.to/2o95rA8"><img src="https://edent.github.io/SuperTinyIcons/images/svg/amazon.svg" width="40" /> Gift me something from my Amazon Wishlist
-* <a href="https://paypal.me/edent/gbp5"><img src="https://edent.github.io/SuperTinyIcons/images/svg/paypal.svg" width="40" /> Send me a tip
-* <a href="https://edent.tel/"><img src="https://edent.github.io/SuperTinyIcons/images/svg/whatsapp.svg" width="40" /> Leave me a message
+* <a href="https://amzn.to/2o95rA8"><img src="https://edent.github.io/SuperTinyIcons/images/svg/amazon.svg" width="40" /> Gift me something from my Amazon Wishlist</a>
+* <a href="https://paypal.me/edent/gbp5"><img src="https://edent.github.io/SuperTinyIcons/images/svg/paypal.svg" width="40" /> Send me a tip</a>
+* <a href="https://edent.tel/"><img src="https://edent.github.io/SuperTinyIcons/images/svg/whatsapp.svg" width="40" /> Leave me a message</a>
+
+## Installation
+
+```sh
+npm install --save super-tiny-icons
+```
+
+## Usage
+
+The old-school way:
+
+```html
+<img src="./node_modules/super-tiny-icons/images/svg/github.svg">
+```
+
+The modern way, the React (JSX) example:
+
+```jsx
+import logo from 'super-tiny-icons/images/svg/github.svg';
+
+<img src={logo} />
+```
+
+The demo repository bootstrapped with `create-react-app`: [create-react-app-super-tiny-icons](https://github.com/limonte/create-react-app-super-tiny-icons)
 
 ## How Small?