aboutsummaryrefslogtreecommitdiff
path: root/README.md
diff options
context:
space:
mode:
authorcodecalm <codecalm@gmail.com>2020-08-04 23:07:06 +0200
committercodecalm <codecalm@gmail.com>2020-08-04 23:07:06 +0200
commit161682119831916148515cb1d0a6433fa2d7ca2b (patch)
treeb45f47db4e39907d72c3a5edc8b6da1357639772 /README.md
parenta-b (diff)
parentUpdate README.md (diff)
downloadtabler-icons-161682119831916148515cb1d0a6433fa2d7ca2b.tar.xz
Merge branches 'dev' and 'master' of https://github.com/tabler/tabler-icons into dev
 Conflicts:  src/editor.html
Diffstat (limited to 'README.md')
-rw-r--r--README.md28
1 files changed, 17 insertions, 11 deletions
diff --git a/README.md b/README.md
index 96cdf77b..1f9a86e8 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
# Tabler Icons
-A set of over 500 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a `2px` stroke.
+A set of over 550 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a `2px` stroke.
**If you want to support my project and help me grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or just [donate on PayPal](https://paypal.me/codecalm) :)**
@@ -8,7 +8,6 @@ A set of over 500 free MIT-licensed high-quality SVG icons for you to use in you
![](https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/icons.png)
-
## Installation
```
@@ -26,21 +25,28 @@ All icons are built with SVG, so you can place them as `<img>`, `background-imag
If you load an icon as an image, you can modify its size using CSS.
```html
-<img src="path/to/icon.svg" alt="icon title"/>
+<img src="path/to/icon.svg" alt="icon title" />
```
### Inline HTML
-You can paste the content of the icon file into your HTML code to display it on the page.
+You can paste the content of the icon file into your HTML code to display it on the page.
```html
<a href="">
- <svg xmlns="http://www.w3.org/2000/svg"
- class="icon icon-tabler icon-tabler-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
+ xmlns="http://www.w3.org/2000/svg"
+ class="icon icon-tabler icon-tabler-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>
@@ -63,7 +69,7 @@ Add an icon to be displayed on your page with the following markup (`activity` i
```html
<svg width="24" height="24">
- <use xlink:href="path/to/tabler-sprite.svg#tabler-activity"/>
+ <use xlink:href="path/to/tabler-sprite.svg#tabler-activity" />
</svg>
```