diff options
author | codecalm <codecalm@gmail.com> | 2020-12-11 12:40:34 +0100 |
---|---|---|
committer | codecalm <codecalm@gmail.com> | 2020-12-11 12:40:34 +0100 |
commit | d2c67f074b0232a2a9eca6eeb506fa4548201c54 (patch) | |
tree | cb3387a71ec49e574989cc1afc9895d0e48f2724 /README.md | |
parent | icons tags (diff) | |
parent | fix #100 (diff) | |
download | tabler-icons-d2c67f074b0232a2a9eca6eeb506fa4548201c54.tar.xz |
Merge branch 'master' of https://github.com/tabler/tabler-icons into dev
Conflicts:
gulpfile.js
icons/arrow-bottom-bar.svg
icons/arrow-bottom-circle.svg
icons/arrow-bottom-square.svg
icons/arrow-bottom-tail.svg
icons/arrow-left-bar.svg
icons/arrow-left-circle.svg
icons/arrow-left-square.svg
icons/arrow-left-tail.svg
icons/arrow-right-bar.svg
icons/arrow-right-circle.svg
icons/arrow-right-square.svg
icons/arrow-right-tail.svg
icons/arrow-top-bar.svg
icons/arrow-top-circle.svg
icons/arrow-top-square.svg
icons/arrow-top-tail.svg
icons/arrows-down-up.svg
icons/arrows-down.svg
icons/arrows-left-right.svg
icons/arrows-left.svg
icons/arrows-right-left.svg
icons/arrows-right.svg
icons/arrows-up-down.svg
icons/arrows-up.svg
icons/brand-booking.svg
icons/credit-card-off.svg
icons/file-alert.svg
icons/file-analytics.svg
icons/layout-grid-add.svg
icons/pizza.svg
icons/square-rotated.svg
package.json
src/_icons/arrow-bottom-bar.svg
src/_icons/arrow-bottom-circle.svg
src/_icons/arrow-bottom-square.svg
src/_icons/arrow-bottom-tail.svg
src/_icons/arrow-left-bar.svg
src/_icons/arrow-left-circle.svg
src/_icons/arrow-left-square.svg
src/_icons/arrow-left-tail.svg
src/_icons/arrow-loop-left.svg
src/_icons/arrow-loop-right.svg
src/_icons/arrow-right-bar.svg
src/_icons/arrow-right-circle.svg
src/_icons/arrow-right-square.svg
src/_icons/arrow-right-tail.svg
src/_icons/arrow-top-bar.svg
src/_icons/arrow-top-circle.svg
src/_icons/arrow-top-square.svg
src/_icons/arrow-top-tail.svg
src/_icons/arrow-wave-left-down.svg
src/_icons/arrow-wave-left-up.svg
src/_icons/arrow-wave-right-down.svg
src/_icons/arrow-wave-right-up.svg
src/_icons/arrows-down-up.svg
src/_icons/arrows-down.svg
src/_icons/arrows-join-2.svg
src/_icons/arrows-join.svg
src/_icons/arrows-left-right.svg
src/_icons/arrows-left.svg
src/_icons/arrows-right-left.svg
src/_icons/arrows-right.svg
src/_icons/arrows-split-2.svg
src/_icons/arrows-split.svg
src/_icons/arrows-up-down.svg
src/_icons/arrows-up.svg
src/_icons/bell-off.svg
src/_icons/bell-ringing-2.svg
src/_icons/bone.svg
src/_icons/brand-asana.svg
src/_icons/brand-bing.svg
src/_icons/brand-bitbucket.svg
src/_icons/brand-booking.svg
src/_icons/brand-disqus.svg
src/_icons/brand-docker.svg
src/_icons/brand-google-analytics.svg
src/_icons/brand-gravatar.svg
src/_icons/brand-hipchat.svg
src/_icons/brand-kickstarter.svg
src/_icons/brand-netflix.svg
src/_icons/brand-open-source.svg
src/_icons/brand-pagekit.svg
src/_icons/brand-patreon.svg
src/_icons/brand-producthunt.svg
src/_icons/brand-sass.svg
src/_icons/brand-sentry.svg
src/_icons/brand-shazam.svg
src/_icons/brand-stripe.svg
src/_icons/brand-unsplash.svg
src/_icons/brand-ycombinator.svg
src/_icons/file-alert.svg
src/_icons/file-analytics.svg
src/_icons/file-code-2.svg
src/_icons/file-export.svg
src/_icons/file-import.svg
src/_icons/layout-grid-add.svg
src/_icons/pizza.svg
src/_icons/rainbow.svg
src/_icons/square-rotated.svg
src/_icons/switch-2.svg
src/_icons/switch-3.svg
src/_icons/trending-down-2.svg
src/_icons/trending-down-3.svg
src/_icons/trending-up-2.svg
src/_icons/trending-up-3.svg
tags.json
Diffstat (limited to 'README.md')
-rw-r--r-- | README.md | 30 |
1 files changed, 26 insertions, 4 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) :)** @@ -11,7 +11,7 @@ A set of over 850 free MIT-licensed high-quality SVG icons for you to use in you ## Installation ``` -npm install tabler-icons --save +npm install @tabler/icons --save ``` or just [download from Github](https://github.com/tabler/tabler-icons/releases). @@ -78,7 +78,7 @@ Add an icon to be displayed on your page with the following markup (`activity` i Import the icon and render it in your component. You can adjust SVG properties through React props: ```jsx -import { IconAward } from 'tabler-icons'; +import { IconAward } from '@tabler/icons'; const MyComponent = () => { return <IconAward @@ -90,7 +90,29 @@ const MyComponent = () => { } ``` -`tabler-icons` exports it's own type declarations for usage with React and Typescript. +`@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 |