diff options
| author | codecalm <codecalm@gmail.com> | 2020-12-05 16:49:02 +0100 |
|---|---|---|
| committer | codecalm <codecalm@gmail.com> | 2020-12-05 16:49:02 +0100 |
| commit | d64e4d75e2484ed5cd4b047dbdcf46dec00cdcba (patch) | |
| tree | 34faca95833eed29145499386fafaedadff8e6e7 /README.md | |
| parent | 18 new icons: `arrow-big-down`, `arrow-big-left`, `arrow-big-right`, `arrow-b... (diff) | |
| parent | Merge pull request #94 from tabler/dev-cdn-info (diff) | |
| download | tabler-icons-d64e4d75e2484ed5cd4b047dbdcf46dec00cdcba.tar.xz | |
Merge remote-tracking branch 'origin/master'
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 24 |
1 files changed, 23 insertions, 1 deletions
@@ -1,6 +1,6 @@ # Tabler Icons -A set of over 850 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 950 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) :)** @@ -92,6 +92,28 @@ const MyComponent = () => { `@tabler/icons` exports it's own type declarations for usage with React and Typescript. +### CDN + +All files included in `@tabler/icons` npm package are available over a CDN. + +#### React icons + +```html +<script src="https://unpkg.com/@tabler/icons@latest/icons-react/dist/index.umd.min.js"></script> +``` + +#### Iconfont + +```html +<link rel="stylesheet" href="https://unpkg.com/@tabler/icons@latest/iconfont/tabler-icons.min.css"> +``` + +To load a specific version replace `latest` with the desired version number. + +```html +<script src="https://unpkg.com/@tabler/icons@1.36.0/icons-react/dist/index.umd.js"></script> +``` + ## Multiple strokes All icons in this repository have been created with the value of the `stroke-width` property, so if you change the value, you can get different icon variants that will fit in well with your design. |