codecalm a96c47ce4b Release 2.4.0 1 year ago
..
src 25cda0db68 fix: `stroke` prop no longer works after 2.0 update (#470) 1 year ago
.babelrc 1978ac750d Add unit tests for icons (#503) 1 year ago
README.md 03c14d137e Corrected example for additional props and added missing prop (#491) 1 year ago
build.mjs 25cda0db68 fix: `stroke` prop no longer works after 2.0 update (#470) 1 year ago
package.json a96c47ce4b Release 2.4.0 1 year ago
rollup.config.mjs 8b5735f21b Version 2.0! (#439) 1 year ago
svelte.config.mjs 8b5735f21b Version 2.0! (#439) 1 year ago
test.spec.js 1978ac750d Add unit tests for icons (#503) 1 year ago
tsconfig.json 8b5735f21b Version 2.0! (#439) 1 year ago

README.md

Tabler Icons for Svelte

Tabler Icons

Implementation of the Tabler Icons library for Svelte applications.

Browse all icons at tabler-icons.io →

Latest Release License

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

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.

<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.

Sponsor Tabler

Sponsor Tabler