diff options
author | codecalm <codecalm@gmail.com> | 2020-03-10 23:15:59 +0100 |
---|---|---|
committer | codecalm <codecalm@gmail.com> | 2020-03-10 23:15:59 +0100 |
commit | f7935ece7eb310c6ab7f86405c1cc0f606649006 (patch) | |
tree | 3c55834679e0262d6a9899430d172bf7555754c7 /readme.md | |
parent | update license (diff) | |
download | tabler-icons-f7935ece7eb310c6ab7f86405c1cc0f606649006.tar.xz |
readme
Diffstat (limited to 'readme.md')
-rw-r--r-- | readme.md | 22 |
1 files changed, 15 insertions, 7 deletions
@@ -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" |