# 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.

Website: https://github.com/react-icons/react-icons

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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, 3 September 2026](https://x.com/noahelhadedy/status/2095397684219707803): Aggregates many icon sets as React components; listed in the tweet (not shown in media).

## Compare

- [Alternatives to Heroicons](https://xiry.app/alternatives/heroicons.md)
- [Alternatives to Font Awesome](https://xiry.app/alternatives/font-awesome.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/react-icons

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.