diff options
| author | Csaba Kissi <ckissi@gmail.com> | 2020-07-09 16:54:32 +0200 |
|---|---|---|
| committer | Csaba Kissi <ckissi@gmail.com> | 2020-07-09 16:54:32 +0200 |
| commit | ad8c5055afb7b840f3c795b8ea691d1171828d05 (patch) | |
| tree | 5d5ad3052b28254d5f87afdce929cf47ae4ddc1c /README.md | |
| parent | Update README.md (diff) | |
| download | tabler-icons-ad8c5055afb7b840f3c795b8ea691d1171828d05.tar.xz | |
Update README.md
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 28 |
1 files changed, 18 insertions, 10 deletions
@@ -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,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> ``` |