Tabler Icons for Svelte
Installation
yarn
npm
pnpm
yarn add @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 |
Browse all icons at Tabler Icons website.
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like Tabler? tweet about it!
Support Tabler's development: Github Sponsors