aboutsummaryrefslogtreecommitdiff
path: root/README.md
diff options
context:
space:
mode:
Diffstat (limited to 'README.md')
-rw-r--r--README.md30
1 files changed, 19 insertions, 11 deletions
diff --git a/README.md b/README.md
index 96cdf77b..7f667d3d 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1,15 @@
# 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) :)**
+We prepared for you a site where you can configure stroke, color and size online: [tablericons.com](https://tablericons.com)
+
## Preview
![](https://raw.githubusercontent.com/tabler/tabler-icons/master/.github/icons.png)
-
## Installation
```
@@ -26,21 +27,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 +71,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>
```