aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--readme.md22
1 files changed, 15 insertions, 7 deletions
diff --git a/readme.md b/readme.md
index 1bbfefde..c7ed7885 100644
--- a/readme.md
+++ b/readme.md
@@ -1,20 +1,28 @@
# Tabler Icons
-A set of over 300 free MIT-licensed high-quality SVG icons for you to use in your web projects.
+A set of over 300 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and `2px` stroke.
+
+```
+npm install tabler-icons --save
+```
+
+## Preview
![Tabler icons](icons.svg)
-### Install with npm
+## Usage
+
+All icons are built with SVG, so you can place them as `<img>`, `background-image` and inline in HTML code.
+
+```html
```
-npm install tabler-icons --save
-```
-### Multiple strokes
+## Multiple strokes
-All icons in this repository are drawn with the value `stroke` property, so if you change its value you can get different variants of icon, that will fit into your project.
+All icons in this repository are drawn with the value of `stroke` property, so if you change its value you can get different variants of icon, that will fit into your project.
-```svg
+```html
<svg xmlns="http://www.w3.org/2000/svg"
class="icon tabler-icon tabler-icon-disabled"
width="24" height="24" viewBox="0 0 24 24"