DEV Community

Cover image for React Icons Tutorial - All You Need To Know

React Icons Tutorial - All You Need To Know

NJOKU SAMSON EBERE on August 16, 2020

Images or pictures are said to speak a thousand words. For example, when you see a logo, it tells you the name of who or what it is representing, c...
Collapse
 
necolanch profile image
Nicholas Cruz

Exactly what I was looking for today for styling the icons using styled-components. Thank you!

Collapse
 
igormazetti profile image
Igor Mazetti de Azevedo

Thanks! That was really helpful!

Collapse
 
deantarisai profile image
Dean Tarisai

Really helpful mann. Was struggling with knowing how Flowbite used the icons in their components.

Collapse
 
programad profile image
Danny Gomes • Edited

Great article, man!

react-icons was the inspiration for rocketicons. We improved upon this great idea and added lots of new features both to the component and to the website itself. The two main new features are Tailwind classes and works both on web and mobile using the same code. Give it a try! It is open source too.

Collapse
 
uuware profile image
uuware

Great post. Would you like to include a svg project? And I'd like to link your post.
A collection of over 33,000 high-quality free svg icons and tools for generating customized icon font. All icons are completely free for personal or business requirements.
github.com/uuware/icons-font-custo...

Collapse
 
ebereplenty profile image
NJOKU SAMSON EBERE

Thank you. I will definitely look into this