icons Svelte Themes

Icons

Effortless Icon Packs & Components for Svelte, React, Vue and more..

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

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

Package Version
@steeze-ui/icons

Development

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

pnpm install && pnpm package

Top categories

Loading Svelte Themes