mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-09-01 01:52:00 +02:00
Code Issues Releases Wiki Activity

readme

Browse Source
This commit is contained in:
codecalm
2020-03-10 23:20:23 +01:00
parent f7935ece7e
commit 75a1e2fb75
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
readme.md
View File

@@ -15,23 +15,23 @@ npm install tabler-icons --save
All icons are built with SVG, so you can place them as `<img>`, `background-image` and inline in HTML code. All icons are built with SVG, so you can place them as `<img>`, `background-image` and inline in HTML code.
### Inline HTML
```html ```html
<a href="">
<svg xmlns="http://www.w3.org/2000/svg"
class="icon tabler-icon tabler-icon-disabled"
width="24" height="24" viewBox="0 0 24 24"
stroke-width="1.25" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">...</svg>
Click me
</a>
``` ```
## Multiple strokes ## Multiple strokes
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. 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.
```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"
stroke-width="1.25" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
...
</svg>
```
![Tabler icons](icons-stroke.svg) ![Tabler icons](icons-stroke.svg)
## License ## License