Beautiful Icons for React
A comprehensive library of 1,100+ carefully crafted icon components. Tree-shakable, TypeScript-ready, and designed for modern React applications.
Everything you need for modern development
Built with developer experience in mind. From TypeScript support to tree-shaking optimization, we've got you covered.
TypeScript Ready
Full TypeScript support with complete type definitions for all components and props.
Tree Shakable
Import only what you need. Optimized for bundle size with ES modules support.
Fully Customizable
Easy styling with CSS, Tailwind CSS, or any styling solution. Change colors, sizes, and more.
Production Ready
Battle-tested components used in production by thousands of developers.
Consistent Design
Carefully crafted icons following consistent design principles for professional applications.
Zero Dependencies
No external dependencies. Just React. Keep your bundle clean and your app fast.
Trending Icons
The most loved icons by developers worldwide
Get started in 3 simple steps
From installation to your first icon in less than a minute. No configuration required.
Add iconest-react to your project
npm install iconest-reactImport the icons you need
import { Heart, Star, Home } from 'iconest-react'Use them in your components
<Heart className="text-red-500" size={24} />
<Star className="text-yellow-500" />
<Home size={32} strokeWidth={1.5} />Advanced Usage
Customize icons with props for size, color, stroke width, and more
import { Heart, Star, Settings } from 'iconest-react'
function MyComponent() {
return (
<div className="flex gap-4">
<Heart
size={32}
className="text-red-500 hover:text-red-600"
strokeWidth={2}
/>
<Star
size={28}
className="text-yellow-500"
fill="currentColor"
/>
<Settings
size={24}
className="text-blue-500 animate-spin"
strokeWidth={1.5}
/>
</div>
)
}Live preview of the code above