How to Install

Get started with React Icons in your project with these simple installation methods

Recommended for most React projects. Tree-shaking ensures only used icons are bundled.

Installation:

npm install react-icons --save

Usage:

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

function Question() {

return <h3> Lets go for a <FaBeer /> </h3>

}

For Meteor.js, Gatsby.js, or projects that need individual icon files. Slower installation but more granular control.

Installation:

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

Usage:

import { FaBeer } from

"@react-icons/all-files/fa/FaBeer";

function Question() {

return <h3> Lets go for a <FaBeer /> </h3>

}

npm install react-icons

yarn add react-icons

pnpm add react-icons

React Icons includes TypeScript definitions out of the box. No additional @types packages needed.

import { IconType } from 'react-icons';

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

const MyIcon: IconType = FaBeer;