React Icons!

React Icons

Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

---

Include icon sets:

Ant Design Icons	831 icons
Bootstrap Icons	2716 icons
BoxIcons	1634 icons
Circum Icons	288 icons
css.gg	704 icons
Devicons	192 icons
Feather	287 icons
Flat Color Icons	329 icons
Font Awesome 5	1611 icons
Font Awesome 6	2048 icons
Game Icons	4040 icons
Github Octicons icons	264 icons
Grommet-Icons	635 icons
Heroicons	460 icons
Heroicons 2	972 icons
IcoMoon Free	491 icons
Icons8 Line Awesome	1544 icons
Ionicons 4	696 icons
Ionicons 5	1332 icons
Lucide	1541 icons
Material Design icons	4341 icons
Phosphor Icons	9072 icons
Radix Icons	318 icons
Remix Icon	3020 icons
Simple Icons	3275 icons
Simple Line Icons	189 icons
Tabler Icons	5754 icons
Themify Icons	352 icons
Typicons	336 icons
VS Code Icons	466 icons
Weather Icons	219 icons

---

Installation (for standard modern project)

npm install react-icons --save

Usage

import { FaBeer } from 'react-icons/fa';

class Question extends React.Component {
  render() {
    return 
 Lets go for a ? 
  }
}

---

Installation (for meteorjs, gatsbyjs, etc)

If your project grows in size, this option is available. This method has the trade-off that it takes a long time to install the package. Suitable for MeteorJS, Gatsbyjs etc.

npm install @react-icons/all-files --save

Usage

import { FaBeer } from "@react-icons/all-files/fa/FaBeer";

class Question extends React.Component {
  render() {
    return 
 Lets go for a ? 
  }
}

---

More info GitHub ↗