mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-01-17 12:48:26 +01:00
Code Issues Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
Csaba Kissi 2020-07-09 16:54:32 +02:00
parent e46e927127
commit ad8c5055af
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
README.md
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,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>
```