Tabler Icons for Svelte
![](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Ftabler%2Ftabler-icons%2Fmaster%2F.github%2Fpackages%2Fog-package-svelte.png&w=3840&q=75)
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 |
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