Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/qwikest/icons
Include popular icons easily in your Qwik projects with @qwikest/icons 🚀
https://github.com/qwikest/icons
icons qwik
Last synced: 2 months ago
JSON representation
Include popular icons easily in your Qwik projects with @qwikest/icons 🚀
- Host: GitHub
- URL: https://github.com/qwikest/icons
- Owner: qwikest
- License: other
- Created: 2023-02-24T11:50:46.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-30T08:51:42.000Z (about 1 year ago)
- Last Synced: 2024-11-12T19:13:05.580Z (3 months ago)
- Topics: icons, qwik
- Language: TypeScript
- Homepage:
- Size: 582 KB
- Stars: 81
- Watchers: 1
- Forks: 5
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Qwik Icons
Include popular icons easily in your Qwik projects with `@qwikest/icons` 🚀
Currently included libraries (with icon prefix):
- `Bs`: [Bootstrap Icons](https://icons.getbootstrap.com/)
- `Fa`: [Font Awesome 6 Free](https://fontawesome.com/v6/icons/?o=r&m=free)
- `Fl`: [Flowbite Icons](https://flowbite.com/icons/)
- `Go`: [Octicons](https://primer.style/design/foundations/icons/) by GitHub
- `Hi`: [Heroicons](https://heroicons.com/) by Tailwind
- `In`: [Iconoir](https://iconoir.com/)
- `Io`: [Ionicons](https://ionic.io/ionicons) by Ionic
- `Lu`: [Lucide](https://lucide.dev/) [superset of feather icons]
- `Mo`: [Mono Icons](https://icons.mono.company/)
- `Mat`: [Material Icons](https://github.com/google/material-design-icons)
- `Si`: [Simple Icons](https://simpleicons.org/) [icons for popular brands]
- `Tb`: [Tabler Icons](https://tabler-icons.io/)
## Installation
Simply install the package with your package manager of choice:
```bash
npm i @qwikest/icons
yarn add @qwikest/icons
pnpm add @qwikest/icons
```
## Usage
> If you want to, you can also directly start playing around with the package in this [code sandbox](https://codesandbox.io/p/sandbox/keen-knuth-pni4bo?file=%2Fsrc%2Froutes%2Findex.tsx%3A7%2C11) – no setup needed 👀
```tsx
import { LuRocket } from "@qwikest/icons/lucide";
export const MyComponent = component$(() => {
// Icon size and color are inherited by default ⬇️
return (
);
});
```
## Available Libraries
```tsx
import { Bs1Circle } from "@qwikest/icons/bootstrap";
import { Fa0Solid } from "@qwikest/icons/font-awesome";
import { FlAdressBookSolid } from "@qwikest/icons/flowbite";
import { HiAcademicCapMini } from "@qwikest/icons/heroicons";
import { In1StMedal } from "@qwikest/icons/iconoir";
import { IoAirplaneOutline } from "@qwikest/icons/ionicons";
import { LuRocket } from "@qwikest/icons/lucide";
import { MatGifBoxSharp } from "@qwikest/icons/material";
import { MoAdd } from "@qwikest/icons/monoicons";
import { GoFlame24 } from "@qwikest/icons/octicons";
import { Si1Password } from "@qwikest/icons/simpleicons";
import { Tb123 } from "@qwikest/icons/tablericons";
```
> **Missing a library?** Feel free to [open an issue](https://github.com/qwikest/icons/issues/new?title=Add%20Icon%20Pack:) or even a MR 🤝
## Upcoming
- 🖌️ Configurable stroke width for supported packages
- 🎁 Additional icon libraries
- 🎨 Built-in company based colors for [simple icons](https://simpleicons.org/)