Installation

Install

One package, from the public registry. No account, no licence key, no private registry to configure.

Terminal
npm install @devigner-ui/icons
# or
pnpm add @devigner-ui/icons
# or
yarn add @devigner-ui/icons

Peer Dependencies

Requires React 18+:

JSON
{
  "peerDependencies": {
    "react": ">=18.0.0",
    "react-dom": ">=18.0.0"
  }
}

Quick Start

TSX
import { IconShoppingCart, IconArrowRight, IconUser } from '@devigner-ui/icons';

function Header() {
  return (
    <nav>
      <IconArrowRight className="size-6" />                       {/* outline */}
      <IconShoppingCart variant="TwoTone" className="size-6" />   {/* twotone */}
      <IconUser variant="Bold" className="size-6" />             {/* bold */}
    </nav>
  );
}

Framework Support

Framework Support
React 18+ ✅ Full
Next.js 13+ ✅ App Router compatible
Vite ✅ Optimized
Remix
Astro ✅ (with React integration)

TypeScript

Full type safety out of the box:

TSX
import type { IconName, IconStyle } from '@devigner-ui/icons';

// IconName is a literal union of all 2,146 icon names
const iconName: IconName = 'ShoppingCart'; // ✅ Valid
const invalid: IconName = 'NonExistent'; // ❌ Type error

// IconStyle is 'outline' | 'twotone' | 'bold' | 'bulk'
const style: IconStyle = 'bold';

Tree Shaking

Only imported icons are bundled:

TSX
// Only IconShoppingCart and IconArrowRight in bundle
import { IconShoppingCart, IconArrowRight } from '@devigner-ui/icons';

Documentation

Browse all 8,584 icons