DEV Community

Cover image for Top 5 Best Javascript Icons Libraries 🚀

Top 5 Best Javascript Icons Libraries 🚀

Ram Maheshwari ♾️ on February 17, 2022

Video Version 📹 : Note: If you find this video to be helpful then please show me some love by liking the video and by subscribing to my Youtube c...
Collapse
 
liftoffstudios profile image
Liftoff Studios

You literally forgot Fontawesome and google material icons 😆
Great article though

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

Thanks a lot for sharing your feedback, @liftoffstudios . Font awesome and material icons are great and very popular. I just feel like they are very commonly used among websites and that's why so many websites end up having the same type of icons and which makes the site less unique.

Also, from my personal experience, I can say, The UI built using the libraries mentioned above looks better than the one built with the same old Font Awesome/Material icons.

Collapse
 
liftoffstudios profile image
Liftoff Studios

Ok ,I understand your point :)
The reason I was telling was that these are the most popular and hence would have more icons than the sites you mentioned (material icons is an exception to this though)
I have one opinion though, heroicons is style wise not as good as font-awesome and material icons 😆

Thread Thread
 
rammcodes profile image
Ram Maheshwari ♾️ • Edited

I guess you're right, I use heroicons mostly when I want to use icons for some quick purpose as you can directly copy the svg code of any icon and start using it when you land on the heroicons page without having to first install their npm package or cdn. That makes heroicons special and time saver 🙌 whereas in FontAwesome, you will first have to do some verification like submitting your email and all that kind of stuff before you can start using the icons.

Collapse
 
guillaumebern profile image
Guillaume Bernier

My partner and I just released a brand new open source icon library that works with different frameworks like React, Vue and Svelte. You can find additional features on Circum Icons to make the integration easier, like building arrays, copy individual component tag, etc.

If you want something more unique and less popular! 😊
Let me know if you have any suggestions or improvements that we should do.

Collapse
 
hacker4world profile image
hacker4world

If you use react i suggest a library called react-icons it is really good

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️ • Edited

Wow, thanks a lot for sharing that, I will check it out 💯

Collapse
 
mykezero profile image
Mykezero

The power of all fonts at your finger tips! Just can't be beat!!

Collapse
 
codewithyaku profile image
CodeWithYaku

Thanks for this I'm basically tired of Google icons and Fontawsome although they both good 😅

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

No problem, Thank you so much for sharing your feedback 💯

Collapse
 
elijahtrillionz profile image
Elijah Trillionz

Thanks a lot for putting this together.
I have been so addicted using font awesome that I forget other icon libraries exist.

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

Thank you so much, @elijahtrillionz, for sharing your feedback. I'm glad that you found this post to be helpful

Collapse
 
andrewbaisden profile image
Andrew Baisden

Some really good ones in this list.

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

Thanks a lot, @andrewbaisden, for sharing your feedback. I'm glad that you liked this list 💯

Collapse
 
leandro070 profile image
Leandro Gutierrez

You can use Lucide instead of Feather icons :) Lucide is a fork with more icons

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

That sounds good, I will check it out, Thanks a lot for sharing it 💯

Collapse
 
amhernandez profile image
A.M. Hernandez

Thank you for this post, it is very helpful. I will be checking these out as I haven't yet heard of most of the ones you have presented, and they look promising. Thanks again!

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

That sounds great, @amhernandez, I'm happy that you found this post to be helpful, Thanks for sharing your feedback 💯

Collapse
 
nirav97120 profile image
Nirav Prajapati

Bro it's awesome

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

Glad you liked it, Thanks a lot for sharing your feedback 💯

Collapse
 
neoprint3d profile image
Drew Ronsman

React icons mixes some icon libraries together

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

That sounds good, @neoprint3d, Thanks a lot for sharing that 💯

Collapse
 
coderlifeisawesome profile image
lifeascoder

Very helpful sir. Thank you for the information. From Kerala

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

No problem, @gauthamsudo , I'm glad you liked it. BTW, Kerala is beautiful ❤️

Collapse
 
kazi94 profile image
__KaziWhiteSalafiDev

Thanks for sharing, we are so constantly habitued by using fontawesome and google fonts that we forget there is outhere some other great icons

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

Thanks a lot, @kazi94, for sharing your feedback. I'm glad that you find it helpful 💯

Collapse
 
scalaadeveloper profile image
Scalaadeveloper

thank you

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

No problem, @scalaadeveloper, Thanks a lot for taking the time to share your feedback 💯

Collapse
 
lexpeee profile image
Elex

There's also @material-ui/icons btw. :D
Good read btw

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

That's great to hear, @lexpeee, I will check it out, Thank you so much for sharing that 💯

Collapse
 
soniarpit profile image
Arpit

Boxicons is cool... currently using it

Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

Yeah, Boxicons is amazing, Thanks a lot for sharing that 💯

Collapse
 
stf05 profile image
Sacha STAFYNIAK
Collapse
 
rammcodes profile image
Ram Maheshwari ♾️

That looks like a great and very helpful resource, Thanks a lot for sharing it 💯

Collapse
 
stf05 profile image
Sacha STAFYNIAK • Edited

You can also use github.com/antfu/unplugin-icons package which allow you use all icones from icones.netlify.app/