|
|
||
|---|---|---|
| .. | ||
| src | ||
| .gitignore | ||
| README.md | ||
| build.mjs | ||
| package.json | ||
| setupVitest.ts | ||
| svelte.config.js | ||
| test.spec.js | ||
| tsconfig.json | ||
| vitest.config.ts | ||
README.md
Tabler Icons for Svelte
Implementation of the Tabler Icons library for Svelte applications.
Browse all icons at tabler-icons.io →
Sponsors
If you want to support my project and help me grow it, you can become a sponsor on GitHub or just donate on PayPal :)
Installation
yarn add @tabler/icons-svelte
or
npm install @tabler/icons-svelte
or
pnpm install @tabler/icons-svelte
or just download from Github.
How to use
It's build with ESmodules so it's completely tree-shakable. Each icon can be imported as a component.
<script lang="ts">
import { IconHeart } from '@tabler/icons-svelte';
</script>
<main>
<IconHeart />
</main>
You can pass additional props to adjust the icon.
<IconHeart size={48} stroke={1} />
Props
| name | type | default |
|---|---|---|
size |
Number | 24 |
color |
String | currentColor |
stroke |
Number | 2 |
class |
String |
Contributing
For more info on how to contribute please see the contribution guidelines.
Caught a mistake or want to contribute to the documentation? Edit this page on Github
License
Tabler Icons is licensed under the MIT License.
