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'}/>

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