# flowbite-qwik-icons

> Unofficial library for the free and open-source collection of over 430+ SVG icons for Flowbite and Qwik

Latest version **0.1.10** (published 2025-06-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install flowbite-qwik-icons
pnpm add flowbite-qwik-icons
yarn add flowbite-qwik-icons
bun add flowbite-qwik-icons
```

## Health

**Score 45/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities; has provenance; high quality score.

Warnings: low downloads; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.10 |
| Published | 2025-06-30 |
| First published | 2024-06-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=20.0.0 |
| Dependencies | 0 |
| Unpacked size | 1.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 2 |
| Maintainers | xqwikerx |
| Keywords | icon-library, flowbite, flowbite-qwik-icons, qwik, qwikjs |

## Links

- npm: https://www.npmjs.com/package/flowbite-qwik-icons
- Repository: https://github.com/qwikerx/flowbite-qwik-icons
- Homepage: https://github.com/qwikerx/flowbite-qwik-icons#readme
- Issues: https://github.com/qwikerx/flowbite-qwik-icons/issues
- npm.io page: https://npm.io/package/flowbite-qwik-icons

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 0.1.10 (latest) — 2025-06-30
- 0.1.9 — 2025-03-21
- 0.1.8 — 2024-11-23
- 0.1.7 — 2024-11-03
- 0.1.6 — 2024-06-21
- 0.1.5 — 2024-06-11
- 0.1.4 — 2024-06-10

## README

<div style="text-align: center">
  <h1>Flowbite Qwik Icon Components</h1>

  <p>
    Include popular Flowbite icons easily in your Qwik projects with `flowbite-qwik-icons` 🚀
  </p>
  <p>
    <a href="https://www.npmjs.com/package/flowbite-qwik-icons">
      <img src="https://img.shields.io/npm/dt/flowbite-qwik-icons.svg" alt="Total Downloads">
    </a>
    <a href="https://badge.fury.io/js/flowbite-qwik-icons">
      <img alt="Latest release" src="https://badge.fury.io/js/flowbite-qwik-icons.svg">
    </a>
    <a href="https://flowbite.com/getting-started/license/">
      <img src="https://img.shields.io/badge/license-MIT-blue" alt="License">
    </a>
  </p>
</div>

---

## Installation

Simply install the package with your package manager of choice:

```bash
npm i flowbite-qwik-icons
yarn add flowbite-qwik-icons
pnpm add flowbite-qwik-icons
```

## Usage

Icon size and color are inherited by default

```tsx
import { IconVolumeUpSolid } from 'flowbite-qwik-icons'

export const MyComponent = component$(() => {
  return (
    <div style={{ color: 'red', fontSize: '40px' }}>
      <IconVolumeUpSolid />
    </div>
  )
})
```

Icon can be used as component props

```tsx
import { IconVolumeUpSolid } from 'flowbite-qwik-icons'

export const MyComponent = component$(() => {
  return <Button prefix={IconVolumeUpSolid}>Next</Button>
})
```

---
_Source: https://npm.io/package/flowbite-qwik-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._