diff options
author | codecalm <codecalm@gmail.com> | 2020-03-10 23:20:23 +0100 |
---|---|---|
committer | codecalm <codecalm@gmail.com> | 2020-03-10 23:20:23 +0100 |
commit | 75a1e2fb759b3ad175beff5d80ea03113b67ecfa (patch) | |
tree | a2e2cb84300fcd5cf9e34422fe3fb30f6bcd1e01 /readme.md | |
parent | readme (diff) | |
download | tabler-icons-75a1e2fb759b3ad175beff5d80ea03113b67ecfa.tar.xz |
readme
Diffstat (limited to 'readme.md')
-rw-r--r-- | readme.md | 20 |
1 files changed, 10 insertions, 10 deletions
@@ -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 |