Development · Website
React Icons
Popular icon sets available as importable React SVG components.
React Icons aggregates dozens of popular open-source icon sets into a single package for React applications. It uses standard ES6 imports so bundlers can tree-shake and only include the specific SVGs you render in your project. It saves you from installing separate wrapper packages for Font Awesome, Material Design, Ionicons, and others.
What it's for
- Import icons directly as React SVG components without manual SVG handling
- Tree-shake unused icons to maintain small bundle sizes
- Mix and match multiple popular icon libraries using a unified import syntax
Features
- Bundles dozens of icon libraries (Font Awesome, Material Design, Ionicons, etc.)
- Tree-shaking support via scoped ES6 imports
- Rendered natively as SVG React components
- Searchable web directory with copyable component names
- TypeScript support out of the box
Pricing
Open source
Details
- Type
- Website
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Code library
- For
- React and frontend developers
- Alternative to
- Lucide React, Heroicons, Font Awesome
- Tags
- react, icons, svg, components, frontend, npm
Why it was saved
- @noahelhadedy: Aggregates many icon sets as React components; listed in the tweet (not shown in media).
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated