Using React Icons

React icons is the easiest way to get all the common and popular icon packs into your React JS project.

Installing with NPM

npm install react-icons --save

To use the icons just import and then have the icon name as a component and include your classes for styling:

import {HiPencil} from "react-icons/hi";

<HiPencil className={'inline mr-1 mb-1 text-gray-200'}/>

 

React Icons example Pencil iconOne of the best features of React Icons is being able to easily search, view and copy the icons on their webpage

React Icons choose and use icons