Unofficial Simple icon library for Qwik applications.

Simple Icons Qwik

An unofficial implementation of the simple icon library for Qwik applications,

Installation

pnpm add simple-icons-qwik

npm install simple-icons-qwik

yarn add simple-icons-qwik

bun add simple-icons-qwik

Documentation

Include

You can import the icon(s) you need as usual:

import { SiGoogle } from "simple-icons-qwik";

or import them all at once:

import * as Icons from "simple-icons-qwik";

export const App = component$(() => {
  return <div>
    <Icons.SiGoogle />
    <Icons.SiDiscord />
  </div>;
});

Props

Simple Icon Icon component have these optional props:

export interface IconProps extends QwikDOMAttributes {
  size?: number,            // default: 24
  color?: string,           // default: "currentColor"
  strokeWidth?: number,     // default: 2
  strokeLinecap?: "round" | "butt" | "square" | "inherit" | undefined,   // default: "round"
  strokeLinejoin?: "round" | "inherit" | "miter" | "bevel" | undefined   // default: "round"
}

Notice that IconProps extends QwikDOMAttributes so Icon component also have attributes like class, onClick$, key, etc.

Community

Join the Luminescent Discord server for support for this unofficial package

License

Simple Icons is licensed under the CC0 License This library is licensed under MIT License.