Qinuux React – Installation

Welcome to Qinuux, 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 React 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-react 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 React using your preferred package manager:

# npm
npm i qinuux-react

# yarn
yarn add qinuux-react

# pnpm
pnpm add qinuux-react

Once installed, import icons just like regular React components.

//Example
import { Discord, Youtube, Qinuux } from "qinuux-react";

export const YourReactComponent = () => {
  return (
    <div>
      <Discord className="xxxxxxxx" size={xx} />
      <Youtube size={xx} style={{ marginLeft: xx, color: "###" }} />
      <Qinuux size={xx} color="###" />
    </div>
  );
};

Props you can use:

size → Adjusts icon dimensions (number or string).

color → Sets icon stroke/fill color.

className → Apply Tailwind or custom CSS classes.

style → Pass inline styles.

Any valid SVG attribute.

---

🌐 Explore the Full Library

The complete collection, including search and category filters, is available in our icon library. From brand logos to development tools, Qinuux offers a consistent, modern, and developer-friendly icon set. Explore