Qwik Icons

Include popular icons easily in your Qwik projects with qwikset-icons-v2 🚀

Currently included libraries (with icon prefix):

• Bs: Bootstrap Icons
• Fa: Font Awesome 6 Free
• Fl: Flowbite Icons
• Go: Octicons by GitHub
• Hi: Heroicons by Tailwind
• In: Iconoir
• Io: Ionicons by Ionic
• Lu: Lucide [superset of feather icons]
• Mo: Mono Icons
• Mat: Material Icons
• Si: Simple Icons [icons for popular brands]
• Tb: Tabler Icons

Installation

Simply install the package with your package manager of choice:

npm i qwikset-icons-v2
yarn add qwikset-icons-v2
pnpm add qwikset-icons-v2

Usage

If you want to, you can also directly start playing around with the package in this code sandbox – no setup needed 👀

import { LuRocket } from "qwikset-icons-v2/lucide";

export const MyComponent = component$(() => {
  // Icon size and color are inherited by default ⬇️
  return (
    <div style={{ color: "red", fontSize: "40px" }}>
      <LuRocket />
    </div>
  );
});

Available Libraries

import { Bs1Circle } from "qwikset-icons-v2/bootstrap";
import { Fa0Solid } from "qwikset-icons-v2/font-awesome";
import { FlAdressBookSolid } from "qwikset-icons-v2/flowbite";
import { HiAcademicCapMini } from "qwikset-icons-v2/heroicons";
import { In1StMedal } from "qwikset-icons-v2/iconoir";
import { IoAirplaneOutline } from "qwikset-icons-v2/ionicons";
import { LuRocket } from "qwikset-icons-v2/lucide";
import { MatGifBoxSharp } from "qwikset-icons-v2/material";
import { MoAdd } from "qwikset-icons-v2/monoicons";
import { GoFlame24 } from "qwikset-icons-v2/octicons";
import { Si1Password } from "qwikset-icons-v2/simpleicons";
import { Tb123 } from "qwikset-icons-v2/tablericons";

Missing a library? Feel free to open an issue or even a MR 🤝

Upcoming

• 🖌️ Configurable stroke width for supported packages
• 🎁 Additional icon libraries
• 🎨 Built-in company based colors for simple icons