Welcome to qinuux-react — a collection of meticulously crafted technology icons, built to deliver unmatched clarity, flexibility, and performance for modern digital products. From fast-moving startups to large-scale enterprise platforms, Qinuux Icons ensures your visual language is consistent, scalable, and effortlessly adaptable.

Whether you’re building with React, Next.js, or working directly in design tools like Figma, every icon is production-ready and optimized for seamless integration into your workflow.

Visit the official website →

Vue Package Here! → Preact Package Here! → SolidJs Package Here! →

⚡ Qinuux Update | v6.2.10 What's new?

• Added new features strokeWidth and color

📦 v6.2.10 Added new Icons:

1. Meta Verified (blue tick)
2. Roblox Verified (blue tick)
3. D3.js
4. Debian
5. Fedora
6. Codium
7. Linux Mint
8. SK Hynix
9. ProcessWire
10. JSFiddle
11. Loom
12. Godot Engine
13. PartyTown
14. Parcel
15. Premier League
16. Phoenix Framework
17. Perl
18. PayPal
19. Okta
20. Hostinger
21. FileZilla
22. Envoy
23. Codecov
24. Capacitor
25. BrowserStack
26. Bower
27. Azure SQL
28. Axios
29. Arch Linux
30. Apache Spark
31. Algolia
32. AdonisJS

🚀 Tech Stack

• Astro - The web framework for content-driven websites.
• React - A JavaScript UI library used with Astro.
• Tailwind CSS - A utility-first CSS framework for rapid UI development.
• NPM - The package manager for JavaScript.
• Typescript - A statically typed, superset of JavaScript.
• Vite - A lightning-fast build tool for an optimized development experience.
• Lucide Icons - A modern, customizable, open-source icon library.
• SVGO - A powerful tool for compressing and optimizing SVG files.
• SVGSON - A tool to seamlessly convert SVGs to JSON format and back.

🎯 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