Skip to content
/ icons Public

Include popular icons easily in your Qwik projects with @qwikest/icons ๐Ÿš€

License

Notifications You must be signed in to change notification settings

qwikest/icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

71 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Qwik Icons

Include popular icons easily in your Qwik projects with @qwikest/icons ๐Ÿš€

Currently included libraries (with icon prefix):

Installation

Simply install the package with your package manager of choice:

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 โ€“ no setup needed ๐Ÿ‘€

import { LuRocket } from "@qwikest/icons/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 "@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 or even a MR ๐Ÿค

Upcoming

  • ๐Ÿ–Œ๏ธ Configurable stroke width for supported packages
  • ๐ŸŽ Additional icon libraries
  • ๐ŸŽจ Built-in company based colors for simple icons