Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/steeze-ui/icons
Effortless Icon Packs & Components for Svelte, React, Vue and more..
https://github.com/steeze-ui/icons
carbon-icons components css-gg feather-icons heroicons iconic icons javascript lit lit-html octicons radix-icons react remix-icons simple-icons solidjs svelte svg svg-icons vue
Last synced: 1 day ago
JSON representation
Effortless Icon Packs & Components for Svelte, React, Vue and more..
- Host: GitHub
- URL: https://github.com/steeze-ui/icons
- Owner: steeze-ui
- License: mit
- Created: 2021-12-17T00:08:47.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-14T09:16:42.000Z (5 months ago)
- Last Synced: 2024-10-29T17:11:40.098Z (2 months ago)
- Topics: carbon-icons, components, css-gg, feather-icons, heroicons, iconic, icons, javascript, lit, lit-html, octicons, radix-icons, react, remix-icons, simple-icons, solidjs, svelte, svg, svg-icons, vue
- Language: TypeScript
- Homepage:
- Size: 3.86 MB
- Stars: 179
- Watchers: 2
- Forks: 16
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-svelte - steeze-ui/icons - Effortless Icon Packs & Components for Svelte, React, Vue and more. (UI Components / Icons)
- trackawesomelist - steeze-ui/icons (⭐179) - Effortless Icon Packs & Components for Svelte, React, Vue and more. (Recently Updated / [Oct 27, 2024](/content/2024/10/27/README.md))
README
## 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](https://github.com/steeze-ui/icons/tree/main/packages/builders/template-builder) to Create your own Icon Packs
```html
import { Icon } from '@steeze-ui/svelte-icon'
import { Bolt } from '@steeze-ui/heroicons'
```
## Deploy your own Icon Pack
Copy the [Builder Template](https://github.com/steeze-ui/icons/tree/main/packages/builders/template-builder) to easily create and publish your own Icon Pack.
## Packages
### Icon Components
| Package | Version |
| --------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| [@steeze-ui/svelte-icon](packages/components/svelte-icon) | 
|
| [@steeze-ui/lit-icon](packages/components/lit-icon) | 
|
| [@steeze-ui/solid-icon](packages/components/solid-icon) | 
|
| [@steeze-ui/react-icon](packages/components/react-icon) | 
|
| [@steeze-ui/vue-icon](packages/components/vue-icon) | 
|
### Icon Packs
| Package | Themes | Sources | Browser | Package Version | Src Version |
| ------------------------------------------------------------------------------------ | -------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| [@steeze-ui/heroicons](packages/builders/heroicons-builder) | default(outline), solid, mini | [tailwindlabs/heroicons](https://github.com/tailwindlabs/heroicons) | [browse](https://heroicons.com/) | 
| 2.2.0 |
| [@steeze-ui/simple-icons](packages/builders/simple-icons-builder/) | default | [simple-icons/simple-icons](https://github.com/simple-icons/simple-icons) | [browse](https://simpleicons.org/) | 
| 13.17.0 |
| [@steeze-ui/tabler-icons](packages/builders/tabler-icons-builder/) | default(outline), filled | [tabler/tabler-icons](https://github.com/tabler/tabler-icons) | [browse](https://tabler-icons.io/) | 
| 3.22.0 |
| [@steeze-ui/radix-icons](packages/builders/radix-icons-builder) | default | [radix-ui/icons](https://github.com/radix-ui/icons) | [browse](https://icons.modulz.app/) | 
| 5.0.0 |
| [@steeze-ui/material-design-icons](packages/builders/material-design-icons-builder/) | default(filled), outlined, rounded, sharp, twotone | [google/material-design-icons](https://github.com/google/material-design-icons) | [browse](https://fonts.google.com/icons) | 
| 1.14.9 |
| [@steeze-ui/lucide-icons](packages/builders/lucide-icons-builder) | default | [lucide-icons/lucide](https://github.com/lucide-icons/lucide) | [browse](https://lucide.dev/) | 
| 0.408.0 |
| [@steeze-ui/phosphor-icons](packages/builders/phosphor-icons-builder/) | thin, light, default(regular), bold, fill, duotone | [Phosphor Icons](https://phosphoricons.com/) | [browse](https://phosphoricons.com/) | 
| 2.1.1 |
| [@steeze-ui/carbon-icons](packages/builders/carbon-icons-builder/) | default | [carbon-design-system/carbon](https://github.com/carbon-design-system/carbon/tree/main/packages/icons) | [browse](https://carbondesignsystem.com/guidelines/icons/library/) | 
| 11.21.0 |
| [@steeze-ui/remix-icons](packages/builders/remix-icons-builder) | default(outline), solid | [Remix-Design/RemixIcon](https://github.com/Remix-Design/remixicon) | [browse](https://remixicon.com/) | 
| 4.2.0 |
| [@steeze-ui/iconic-free](packages/builders/iconic-free-builder) | default | [iconic.app](https://iconic.app/) | [browse](https://iconic.app/c/availability/free/) | 
| - |
| [@steeze-ui/octicons](packages/builders/octicons-builder) | default(16), 24, 12 | [primer/octicons](https://github.com/primer/octicons) | [browse](https://primer.style/octicons/) | 
| 19.3.0 |
| [@steeze-ui/css-gg](packages/builders/css-gg-builder/) | default | [CSS.gg Icons](https://css.gg/) | [browse](https://css.gg/app) | 
| 2.1.1 |
| [@steeze-ui/font-awesome](packages/builders/font-awesome-builder/) | default, solid | [Font Awesome](https://github.com/FortAwesome/Font-Awesome) | [browse](https://fontawesome.com/search) | 
| 6.5.1 |
| [@steeze-ui/feather-icons](packages/builders/feather-icons-builder) (deprecated) | default | [feathericons/feather](https://github.com/feathericons/feather) | [browse](https://feathericons.com/) | 
| 4.29.1 |
### Utilities
| Package | Version |
| --------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| [@steeze-ui/icons](packages/core) | 
|
## Development
This monorepo uses pnpm. To build a new version of the packages just run:
```bash
pnpm install && pnpm package
```