Qinuux React – Installation

Welcome to Qinuux React, 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, Verified, Roblox, Instagram Youtube, Telegram } from "qinuux-react";

export const YourReactComponent = () => {
  return (
    <div>
        <Discord size={99} color="pink" strokeWidth="4" />
        <Verified size={99} color="green" strokeWidth="8" />
        <Youtube size={99} color="#fff" strokeWidth="3" />
      </div>
      <h1>Vs</h1>
      <div>
        <Roblox size={99} color="red" strokeWidth="9" />
        <Instagram size={99} color="blue" strokeWidth="1" />
        <Telegram size={99} color="yellow" strokeWidth="2" />
      </div>
  );
};

Props you can use:

size → Adjusts icon dimensions (number or string).

color → Sets icon stroke/fill color.

strokeWidth → sets stroke width example strokeWidth=”###”

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