1
0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-08-01 03:40:13 +02:00

Update README.md

This commit is contained in:
Csaba Kissi
2020-07-09 16:54:32 +02:00
parent e46e927127
commit ad8c5055af

View File

@@ -4,11 +4,12 @@ A set of over 550 free MIT-licensed high-quality SVG icons for you to use in you
**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,7 +27,7 @@ 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
@@ -35,12 +36,19 @@ You can paste the content of the icon file into your HTML code to display it on
```html
<a href="">
<svg xmlns="http://www.w3.org/2000/svg"
<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">
...
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>
```