aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorcodecalm <codecalm@gmail.com>2020-03-10 23:20:23 +0100
committercodecalm <codecalm@gmail.com>2020-03-10 23:20:23 +0100
commit75a1e2fb759b3ad175beff5d80ea03113b67ecfa (patch)
treea2e2cb84300fcd5cf9e34422fe3fb30f6bcd1e01
parentreadme (diff)
downloadtabler-icons-75a1e2fb759b3ad175beff5d80ea03113b67ecfa.tar.xz
readme
-rw-r--r--readme.md20
1 files changed, 10 insertions, 10 deletions
diff --git a/readme.md b/readme.md
index c7ed788..be6a859 100644
--- a/readme.md
+++ b/readme.md
@@ -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.
+### Inline 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
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)
## License