Qinuux SolidJs

Qinuux SolidJs – Installation

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

# npm
npm i qinuux-solidjs

# yarn
yarn add qinuux-solidjs

# pnpm
pnpm add qinuux-solidjs

Once installed, import icons just like regular SolidJs components.

//You can try this!
import { WhatsApp, Netlify2 } from 'qinuux-solidjs'

function App() {

  return (
    <div style={{ "text-align": "center", padding: "2rem" }}>
      <h1>Qinuux SolidJs</h1>
      <div style={{ margin: "2rem auto", "max-width": "300px" }}>
        <WhatsApp size={99} color="blue" stroke-width={9}/>
      </div>
      <h1>Vs</h1>
      <div style={{ margin: "2rem auto", "max-width": "300px" }}>
        <Netlify2 size={99} color="#fff" stroke-width={1}/>
      </div>
    </div>
  )
}

export default App

⚙️ 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