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
 
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
 
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
 
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
 
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
 
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
 
isularifin profile image
isul •

cool

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
 
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.