Flux Icons: The Comprehensive Modern Icon Ecosystem
Flux Icons is a meticulously crafted icon library designed for modern web applications, with a particular focus on seamless integration with React, shadcn/ui, and Next.js. It offers an extensive collection of over 3,700 icons distributed across three specialized vaults: Keyline, Extended, and Motion.
- Keyline Vault: Features 1,000 icons in various styles (stroke, two-tone, duotone, fill) and two corner treatments (rounded and sharp), all adhering to a strict 24x24 grid. These are ideal for core navigation, actions, and design system primitives.
- Extended Vault: Comprises over 2,242 icons in multiple weights and styles, suitable for complex applications like fintech, e-commerce, and dashboards.
- Motion Vault: Includes 467 interactive micro-animation components powered by Framer Motion, adding dynamic visual feedback to UI elements.
Key features include:
- Zero Runtime Overhead: Icons are rendered directly as SVGs, leveraging currentColor for easy theming with CSS or Tailwind CSS.
- shadcn/ui Integration: Icons can be added directly to your project using the npx shadcn add @flux/icon-name command, with no additional runtime dependencies.
- AI Agent Native: Supports the Model Context Protocol (MCP) for seamless integration with AI coding assistants like Claude Code and Cursor.
- Comprehensive Tooling: Includes a CLI for searching and downloading icons, a Figma plugin and community file for designers, and direct SVG file access.
- MIT License: All icons are free to use under the permissive MIT license.
The project is structured as a pnpm monorepo, ensuring efficient development and management of its various packages and assets.