diff options
author | Paweł Kuna <1282324+codecalm@users.noreply.github.com> | 2021-01-21 02:08:14 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-01-21 02:08:14 +0100 |
commit | c85b666cd1a71d7b0d79420ffcdcec91a84f7830 (patch) | |
tree | 2e7811c8794f4d5da97d6ec2d3dc468dc8917d6b /README.md | |
parent | Update README.md (diff) | |
parent | Mention tabler-icons-svelte in readme usage section (diff) | |
download | tabler-icons-c85b666cd1a71d7b0d79420ffcdcec91a84f7830.tar.xz |
Merge pull request #103 from gka/patch-1
Mention tabler-icons-svelte in readme usage section
Diffstat (limited to 'README.md')
-rw-r--r-- | README.md | 14 |
1 files changed, 14 insertions, 0 deletions
@@ -127,6 +127,20 @@ To load a specific version replace `latest` with the desired version number. <script src="https://unpkg.com/@tabler/icons@1.36.0/icons-react/dist/index.umd.js"></script> ``` +### Svelte + +You can use [`tabler-icons-svelte`](https://github.com/benflap/tabler-icons-svelte) to use icons in your Svelte projects (see [example](https://svelte.dev/repl/e80dc63d7019431692b10a77525e7f99?version=3.31.0)): + +```js +<script> + import { CurrencyBitcoin, BrandGithub, CircleX } from "tabler-icons-svelte"; +</script> + +<CurrencyBitcoin /> +<BrandGithub size="48" strokeWidth="1" /> +<CircleX /> +``` + ## 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. |