DEV Community

Cover image for React Icon Library
Charity Parks
Charity Parks

Posted on

React Icon Library

I'm currently working on an app that has a list of products. I wanted to add an (up to) 5 star rating under each product. So after much research online I found the React Icon Library!

To install the icon library go to your terminal and type: npm install react-icons --save

In your browser go to https://react-icons.github.io/react-icons

You can see all of your icon options in the browser.

Create a new class component (mine is called 'Rating.js'), and make sure to import the names of the icons you want to use. For example:

import { IoIosStar, IoIosStarOutline } from 'react-icons/io'

I love finding new things to add to my apps! Hopefully this will help you in the future!

Top comments (0)