⚠️ This package has not been updated and is deprecated ⚠️

An official svelte package has been created.

Please use @tabler/icons-svelte.

This library is a fork project of tabler-icons-svelte

This library provides components that export class attributes for TailwindCSS users.

tabler-icons-svelte-with-tailwindcss

A library of Svelte components for Tabler Icons.

A set of 3018 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.

Installation

# npm
npm install -D tabler-icons-svelte-with-tailwindcss

tabler-icons-svelte-with-tailwindcss needs to be added as a dev dependency as Svelte requires original component source

Usage

Import components inside of the <script> and use like any other Svelte component.

Find icons:

• Search on tabler-icons.io
• View component names

Import Components From Package

The easiest way to use the icon components is by importing them from the package.

<script>
    import { CurrencyBitcoin, BrandGithub, CircleX } from "tabler-icons-svelte-with-tailwindcss";
</script>

<CurrencyBitcoin />
<BrandGithub />
<CircleX />

Props

The components each accept only 1 props:

License

MIT