README.md

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

Package	Version
@steeze-ui/svelte-icon
@steeze-ui/lit-icon
@steeze-ui/solid-icon
@steeze-ui/react-icon
@steeze-ui/vue-icon

Icon Packs

Package	Themes	Sources	Browser	Package Version	Src Version
@steeze-ui/heroicons	default(outline), solid, mini	tailwindlabs/heroicons	browse		2.2.0
@steeze-ui/simple-icons	default	simple-icons/simple-icons	browse		13.17.0
@steeze-ui/tabler-icons	default(outline), filled	tabler/tabler-icons	browse		3.22.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

Package	Version
@steeze-ui/icons

Development

This monorepo uses pnpm. To build a new version of the packages just run:

pnpm install && pnpm package