Back to Tabler Icons

Tabler Icons for Svelte

docs/icons/svelte.mdx

3.41.1871 B
Original Source

Installation

<TabsPackage name="@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.

sveltehtml
<script lang="ts">
import { IconHeart } from '@tabler/icons-svelte';
</script>

<main>
  <IconHeart />
</main>

You can pass additional props to adjust the icon.

html
<IconHeart size={48} stroke={1} />

Props

nametypedefault
sizeNumber24
colorStringcurrentColor
strokeNumber2
classString