Every icon you need. Beautiful.
A free, accessible icon library for React and Next.js with brand-accurate colors, and delightful animations — free forever.
1pnpm add @iconode/reactBehance
Dribbble
Fresh
OpenSuse
Envato
Pnpm
Drizzle
Dart
Snapdragon
GoDaddy
EtaLang
Odin
Why IcoNode
Built for the modern web
Every icon is crafted with attention to detail and optimized for production.
Lightning Fast
Optimized SVG icons that load instantly. Tree-shakable imports mean you only bundle what you use.
Customizable
Easily adjust size. Perfect for any design system or theme.
Brand Perfect
Authentic brand colors and consistent visual identity. Dark mode support built right in.
Consistent Icons
Uniform design language across all icons. Perfectly balanced for any UI or UX project.
Easy Integration
Simple installation and usage. Works seamlessly with React and Next.js.
Open Source
Community-driven and open for contributions. Regular updates with new icons and features.
Icons
Free
Categories
Downloads
Get started
Up and running in minutes
Install the package
Run 'npm install @iconode/react' in your project directory.
Import icons
Import any icon from '@iconode/react' and use it in your components.
Customize
Adjust size, color, and stroke to fit your design system.
1import { ReactJS, TypeScript, Figma } from '@iconode/react';
2
3export default function App() {
4 return (
5 <div className="flex gap-4 p-6">
6 <ReactJS size={32} />
7 <TypeScript size={32} />
8 <Figma size={32} />
9 </div>
10 );
11}