Welcome to qinuux-vue — 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.

Visit the official website →

React Package Here! → Preact Package Here! → SolidJs Package Here! →

⚡ Qinuux Update | v6.2.11 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

🎯 Quick Overview

• Designers – Browse and download icons instantly from the icons library without installing anything.
• Developers – Install our official qinuux-vue 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 Vue using your preferred package manager:

# npm
npm i qinuux-vue

# yarn
yarn add qinuux-vue

# pnpm
pnpm add qinuux-vue

Once installed, import icons just like regular Vue components.

//You can try this!
<script lang="ts" setup>
import { ref } from "vue";
import HelloWorld from './components/helloworld.vue'
import { NPM, WhatsApp, Discord } from "qinuux-vue";

const active = ref(false)
</script>

<template>
    <a @click="active = !active">

    </a>
    <a>
    <WhatsApp class="whatsapp" :size="99" color="red" stroke-width="5" />
  </a>
    <h1 >Vs</h1>
    <a><Discord class="discord" width="99" height="99" color="pink" stroke-width="4.9" />
    </a>
  <HelloWorld msg="Used (:size or width + height???)" />
</template>

⚙️ 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 or Tailwind?. | | style | string \| object| undefined | Apply inline styles. |

🌐 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