Svelte

Tabler Icons for Svelte provides a clean and efficient way to use Tabler's comprehensive icon set in Svelte applications, helping developers deliver polished, user-friendly designs.

Installation

• npm
• pnpm
• yarn

npm install @tabler/icons-svelte

pnpm install @tabler/icons-svelte

yarn install @tabler/icons-svelte

or just download from Github.

How to use

It's built 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