diff options
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 30 |
1 files changed, 19 insertions, 11 deletions
@@ -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  - ## 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> ``` |