diff --git a/README.md b/README.md index 25baa6c5..67b6637a 100644 --- a/README.md +++ b/README.md @@ -9,30 +9,6 @@ Say thanks! * Send me a tip * Leave me a message -## Installation - -```sh -npm install --save super-tiny-icons -``` - -## Usage - -The old-school way: - -```html - -``` - -The modern way, the React (JSX) example: - -```jsx -import logo from 'super-tiny-icons/images/svg/github.svg'; - - -``` - -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? | 542 Bytes SVG | 2,956 Bytes PNG | 433 Bytes SVG | 3,373 Bytes PNG | 250 Bytes SVG | 3,145 Bytes PNG | @@ -266,6 +242,31 @@ This is the standard guideline. Use this to help with sizing your icons and they To see how the logos look, you can [play around with the corner radius size using our interactive tool](https://edent.github.io/SuperTinyIcons/radius.html) +## Installation + +```sh +npm install --save super-tiny-icons +``` + +## Usage + +The old-school way: + +```html + +``` + +The modern way, the React (JSX) example: + +```jsx +import logo from 'super-tiny-icons/images/svg/github.svg'; + + +``` + +The demo repository bootstrapped with `create-react-app`: [create-react-app-super-tiny-icons](https://github.com/limonte/create-react-app-super-tiny-icons) + + ## Licenses The majority of these vector logos are based on someone else's work.