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:
24
README.md
24
README.md
@@ -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
|
||||
|
||||

|
||||
|
||||
|
||||
## 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>
|
||||
```
|
||||
|
||||
|
Reference in New Issue
Block a user