This project is still in experimental development. Expect bugs and breaking changes!
Effortless Icons
- Icon components (for now it's svelte first)
- Popular Icon Packs
- Icon Pack Themes (different versions of the same icon)
- Templates to Create your own Icon Packs (coming)
<script>
import {Icon} from '@steeze-ui/svelte-icon'
import {LightningBolt} from '@steeze-ui/heroicons'
</script>
<Icon src={LightningBolt} theme='solid' class='color-gray-900'>| Package | Version |
|---|---|
| @steeze-ui/svelte-icon |  |
| @steeze-ui/lit-icon |  |
| @steeze-ui/solid-icon |  |
| @steeze-ui/react-icon |  |
| @steeze-ui/vue-icon | coming |
| Package | Themes | Source | Version |
|---|---|---|---|
| @steeze-ui/heroicons | default(outline), solid | tailwindlabs/heroicons |  |
| @steeze-ui/radix-icons | default | radix-ui/icons |  |
| @steeze-ui/iconic-free | default | iconic.app |  |
| @steeze-ui/feather-icons | default | feathericons/feather |  |
| @steeze-ui/octicons | default(16), 24, 12 | primer/octicons |  |
| @steeze-ui/material-design-icons (coming) | default(outlined), filled, rounded, sharp, twotone | google/material-design-icons | |
| @steeze-ui/carbon-icons (coming) | default | carbon-design-system/carbon |
| Package | Version |
|---|---|
| @steeze-ui/icons |  |
This monorepo uses pnpm. To build a new version of the packages just run:
pnpm install && pnpm package