diff options
| author | codecalm <codecalm@gmail.com> | 2020-08-04 23:07:06 +0200 |
|---|---|---|
| committer | codecalm <codecalm@gmail.com> | 2020-08-04 23:07:06 +0200 |
| commit | 161682119831916148515cb1d0a6433fa2d7ca2b (patch) | |
| tree | b45f47db4e39907d72c3a5edc8b6da1357639772 /README.md | |
| parent | a-b (diff) | |
| parent | Update README.md (diff) | |
| download | tabler-icons-161682119831916148515cb1d0a6433fa2d7ca2b.tar.xz | |
Merge branches 'dev' and 'master' of https://github.com/tabler/tabler-icons into dev
Conflicts:
src/editor.html
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 28 |
1 files changed, 17 insertions, 11 deletions
@@ -1,6 +1,6 @@ # 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) :)** @@ -8,7 +8,6 @@ A set of over 500 free MIT-licensed high-quality SVG icons for you to use in you  - ## Installation ``` @@ -26,21 +25,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 +69,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> ``` |