Need Accessible components for your next SvelteKit project ? Check out @steeze-ui/components!
Overview
Effortless Icons
- Icon components for different frameworks/libraries
- Popular Icon Packs (Heroicons, Lucide Icons, etc.)
- Icon Themes (different versions of the same icon)
- Builder Template to Create your own Icon Packs
<!-- svelte example -->
<script>
import { Icon } from '@steeze-ui/svelte-icon'
import { Bolt } from '@steeze-ui/heroicons'
</script>
<Icon src="{Bolt}" theme="solid" class="color-gray-900" />
Deploy your own Icon Pack
Copy the Builder Template to easily create and publish your own Icon Pack.
Packages
Icon Components
Icon Packs
Package |
Themes |
Sources |
Browser |
Package Version |
Src Version |
@steeze-ui/heroicons |
default(outline), solid, mini |
tailwindlabs/heroicons |
browse |
|
2.1.5 |
@steeze-ui/simple-icons |
default |
simple-icons/simple-icons |
browse |
|
13.1.0 |
@steeze-ui/tabler-icons |
default(outline), filled |
tabler/tabler-icons |
browse |
|
3.10.0 |
@steeze-ui/radix-icons |
default |
radix-ui/icons |
browse |
|
5.0.0 |
@steeze-ui/material-design-icons |
default(filled), outlined, rounded, sharp, twotone |
google/material-design-icons |
browse |
|
1.14.9 |
@steeze-ui/lucide-icons |
default |
lucide-icons/lucide |
browse |
|
0.408.0 |
@steeze-ui/phosphor-icons |
thin, light, default(regular), bold, fill, duotone |
Phosphor Icons |
browse |
|
2.1.1 |
@steeze-ui/carbon-icons |
default |
carbon-design-system/carbon |
browse |
|
11.21.0 |
@steeze-ui/remix-icons |
default(outline), solid |
Remix-Design/RemixIcon |
browse |
|
4.2.0 |
@steeze-ui/iconic-free |
default |
iconic.app |
browse |
|
- |
@steeze-ui/octicons |
default(16), 24, 12 |
primer/octicons |
browse |
|
19.3.0 |
@steeze-ui/css-gg |
default |
CSS.gg Icons |
browse |
|
2.1.1 |
@steeze-ui/font-awesome |
default, solid |
Font Awesome |
browse |
|
6.5.1 |
@steeze-ui/feather-icons (deprecated) |
default |
feathericons/feather |
browse |
|
4.29.1 |
Utilities
Development
This monorepo uses pnpm. To build a new version of the packages just run:
pnpm install && pnpm package