Package Exports

@tabler/icons-svelte
@tabler/icons-svelte/dist/esm/packages/icons-svelte/src/tabler-icons-svelte.js
@tabler/icons-svelte/dist/svelte/icons/IconCurrencyPound.svelte
@tabler/icons-svelte/dist/svelte/icons/IconGitMerge.svelte
@tabler/icons-svelte/dist/svelte/icons/IconRefresh.svelte
@tabler/icons-svelte/dist/svelte/icons/IconSquare.svelte
@tabler/icons-svelte/dist/svelte/icons/IconSquareCheckFilled.svelte
@tabler/icons-svelte/dist/svelte/icons/IconTrash.svelte

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@tabler/icons-svelte) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Tabler Icons for Svelte

Tabler Icons

Implementation of the Tabler Icons library for Svelte applications.

Browse all icons at tabler-icons.io →

Installation

yarn add @tabler/icons-svelte

npm install @tabler/icons-svelte

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.

<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

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.

@tabler/icons-svelte