Flowbite Qwik Icon Components

Include popular Flowbite icons easily in your Qwik projects with `flowbite-qwik-icons` 🚀

---

Installation

Simply install the package with your package manager of choice:

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

Usage

Icon size and color are inherited by default

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

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

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