Qinuux Preact

Qinuux Preact – Installation

Welcome to Qinuux Preact, your go-to library for high-quality, scalable, and fully customizable icons. Whether you are a designer looking to download ready-to-use assets, or a developer wanting to integrate them directly into your Preact project, Qinuux makes the process seamless.

🎯 Quick Overview

Designers – Browse and download icons instantly from the icons library without installing anything.
Developers – Install our official qinuux-preact npm package for effortless integration into your codebase.
Customizable – Adjust size, color, stroke width, and other properties directly via props.
Scalable – Icons maintain perfect clarity at any resolution.
Consistent – Every icon follows strict design guidelines for visual harmony.

📦 Installation

Install Qinuux Preact using your preferred package manager:

# npm
npm i qinuux-preact

# yarn
yarn add qinuux-preact

# pnpm
pnpm add qinuux-preact

Once installed, import icons just like regular Preact components.

//You can try this!
import { WhatsApp, Discord } from "qinuux-preact";

export function App() {
  return (
    <div>
      <WhatsApp size={99} color="#fff" stroke-width={5} />
      <h1>Vs</h1>
      <Discord width={99} height={99} color="pink" stroke-width={7} />
    </div>
      <h2>Qinuux Preact</h2> 
  );
}

⚙️ Props You Can Use


`size`	`number \| string`	`undefined`	Sets both `width` and `height`.
`color`	`string`	`currentColor`	Sets the icon stroke/fill color.
`class`	`string`	`""`	Custom CSS classes (e.g. Tailwind).
`style`	`string \| object`	`undefined`	Apply inline styles.

🌐 Explore the Full Library