mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-08-01 11:50:25 +02:00
Code Issues Releases Wiki Activity

Merge pull request #29 from ckissi/add_tableicons_link

Browse Source 
Added tablericons.com link to readme.
This commit is contained in:
Paweł Kuna
2020-07-10 20:34:04 +02:00
committed by GitHub
parent e46e927127 ad8c5055af
commit 9679382ce3
1 changed files with 18 additions and 10 deletions
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>
```