ContextQMD
Back to Tabler Icons

Tabler Icons for Svelte

packages/icons-svelte/README.md

3.41.12.6 KB
Original Source

Tabler Icons for Svelte

<p align="center"> <a href="https://tabler.io/icons?ref=tabler-icons-readme"></a> </p> <p align="center"> Implementation of the Tabler Icons library for Svelte applications. <p> <p align="center"> <a href="https://tabler.io/icons"><strong>Browse all icons at tabler.io &rarr;</strong></a> </p> <p align="center"> <a href="https://github.com/tabler/tabler-icons/releases"></a> <a href="https://github.com/tabler/tabler-icons/blob/master/LICENSE"></a> </p>

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 :)

<a href="https://github.com/sponsors/codecalm"> </a>

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.

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

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.

<a href="https://github.com/sponsors/codecalm" target="_blank"></a>