mirror
/
tabler-icons
mirror of https://github.com/tabler/tabler-icons.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
tabler-icons/packages/icons-svelte
History
codecalm 7358779979 Remove eleventy-sass dependency and update @tabler/icons references to use workspace protocol in package.json and pnpm-lock.yaml for improved dependency management. 2025-12-30 18:57:49 +01:00
..
src types.ts: Prefix the exported SvelteComponent type with typeof (#1306) 2025-01-16 18:54:52 +01:00
.gitignore Generate icons list for build (#1050) 2024-03-14 00:35:33 +01:00
README.md Update sponsors' image for packages 2025-01-27 18:16:31 +01:00
build.mjs Improve build speed (#1382) 2025-07-21 01:43:11 +02:00
package.json Remove eleventy-sass dependency and update @tabler/icons references to use workspace protocol in package.json and pnpm-lock.yaml for improved dependency management. 2025-12-30 18:57:49 +01:00
setupVitest.ts Tabler Icons 3.0 (#993) 2024-02-27 00:16:23 +00:00
svelte.config.js Tabler Icons 3.0 (#993) 2024-02-27 00:16:23 +00:00
test.spec.js Added type checks in `icons-react` tests and ensured consistent dependency management in test packages. (#1439) 2025-12-22 19:50:20 +01:00
tsconfig.json Version 2.0! (#439) 2023-01-22 00:02:47 +01:00
vitest.config.ts Tabler Icons 3.0 (#993) 2024-02-27 00:16:23 +00:00

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

Tabler sponsors

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