DEV Community

Cover image for 20 of the best/largest icon libraries.

20 of the best/largest icon libraries.

Patrik Kiss on January 14, 2020

In this article I will introduce you to 20 of the best and largest available icon libraries for web. Many of these offer you thousands, if not mill...
Collapse
 
guerriero_se profile image
Sebastiano Guerriero

I just wanted to mention Nucleo (I'm part of the team 👋), a library of almost 30K customizable icons.

nucleoapp.com/

Collapse
 
victorioberra profile image
Victorio Berra

No mention of useiconic.com/open ??

An open source icon set with 223 marks in SVG, webfont and raster formats

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false
Collapse
 
darksmile92 profile image
Robin Kretzschmar

What do you think of Material Design Icons ?

Collapse
 
weeb profile image
Patrik Kiss

Decided to extend the list to 20, and included Material Design Icons as well!

Collapse
 
darksmile92 profile image
Robin Kretzschmar

Awesome :)

Collapse
 
weeb profile image
Patrik Kiss

Oh this is really good, I like it, didn't know about it so far.

If I had known about it when writing the article, I probably would've included it

Collapse
 
jrsofty profile image
Jason Reed

Friconix friconix.com/

Free content. High quality and they take requests. Runs on donations. Give $5 and get very fast personal service.

Collapse
 
weeb profile image
Patrik Kiss

Didn't know about this one either. Had a quick look at it, and it's pretty great!

I might extend the list again later, if I find a few more mention worthy libraries, then I will definitely include this one too!

Thanks for sharing it

Collapse
 
uuware profile image
uuware

Great post. Would you like to include a tool project to use icons? 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
 
colinmcdermott profile image
Colin McDermott

Hey Patrick @weeb , FYI - you are generally only supposed to have one h1 on a page. A better heading structure for your article would be to use all H2s.

Collapse
 
weeb profile image
Patrik Kiss

Hmm, interesting, didn't know about this. Changed all h1 to h2, thanks for the info :)

Collapse
 
colinmcdermott profile image
Colin McDermott

My pleasure!

Generally H1 is your article title or site title.

H2 for headings below that, H3s for sub headings below them, etc etc.

So you might have something like:

H1

  • H2

  • H2

    • H3
  • H2

    • H3
    • - H4

... etc

Collapse
 
darryl profile image
Darryl Young

Thanks for sharing, Patrik.

This is great, especially as right now I’m looking for a set of icons for an app I’m working on. 👌

Collapse
 
ckissi profile image
Csaba Kissi

I would like to mention here also my side project. The site that makes 550+ open source icons configurable (color, size, stroke) named Tabler Icons

Collapse
 
mkstayalive profile image
Manish

Thank you for creating this. Its one of the best. I'm using this in my project!

Collapse
 
mnepita profile image
Martin Nepita

Thank so much!! just added this post to my bookmarks!! :D

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt • Edited

What are the most tree-shakable / smallest icon libraries?

Currently, I like github.com/FortAwesome/vue-fontawe...

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Wow! I didn't know about half of them. My favourite one is Flaticons, I use them quite often because I can choose between outlined/coloured/filled icons easily.

Collapse
 
abdurrkhalid333 profile image
Abdur Rehman Khalid

Thank you very much for this wonderful and amazing post, as it will be helping all the developers of all the kind as well.

Collapse
 
katylava profile image
katy lavallee

I ❤️ noun project. I’ve even had success searching for verb icons on their site 😄.

Collapse
 
freeicons profile image
freeicons

Hello,

Thank you for adding "freeicons.io" in your list

freeicons.io/

Collapse
 
tomwilusz profile image
Lordicon

You need to check out Lordicon Animated Icons

There are hundreds of easily editable animated and vector icons.

Collapse
 
zoltanszogyenyi profile image
Zoltán Szőgyényi

Thanks for setting up this list of icons!

Would love to suggest a newly released SVG icon library built for Tailwind CSS:

flowbite.com/icons/

Cheers <3

Collapse
 
isularifin profile image
isul

cool

Collapse
 
cheuksing profile image
Tommy Chan

I think css.gg should be mentioned. Small (less than 1kb in total) and efficient, around 500 icons. Can do tree-shaking and uglify with some webpack css plugin.

Collapse
 
loaficons profile image
Loaf

Check out Loaf getloaf.io/. It's a library of animated icons and illustrations that you might find handy :)

Collapse
 
iconpacks1 profile image
Icon Packs

You might want to add iconpacks.net/ to the list ;)

Collapse
 
moritzrupp profile image
Moritz Rupp

I'd like to add grommet icons. Easy to use for web development with currently 561 free and open source icons.