DEV Community

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

Posted on • Updated on

Icon Library 20 of the best/largest icon libraries.

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 millions of icons, so you will definitely find what you need.

I'd like to make it clear first: these are not the 20 best libraries, but 20 of the best ones, so of course there might be, and probably are other great libraries besides these, that I didn't mention/don't know about.
Also, this is an ul, not an ol.

Quick message: if you know about other great libraries, feel free to mention it in a reply, and I might include it if I extend the list.

The Noun Project

Alt Text

The Noun Project is a huge icon library claiming to have over 2 million icons. These icons are all made by contributors. It has a huge and still active community, which you can be a part of as well.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: true

Highly recommended!



icomonstr

Alt Text

iconmonstr is an icon library offering over 4000 icons sorted into 300+ different collections. This library is maintained by one person. A good thing is that you can get the code directly from the site, so download is not necessarily required.

  • Free content: true
  • Paid content: false
  • Customizable icons: true
  • Registration required: false

Highly recommended!



Good Stuff No Nonsense

Good Stuff No Nonsense

Good Stuff No Nonsense is an icon library created by only one person, and all of the available icon are hand-drawn.

  • Free content: true
  • Paid content: true
  • Customizable icons: false
  • Registration required: false


Orion

Orion

Line, Solid, Color & Flat icons with a precise and unified style.
Adapts to any type of project with different stroke weights,
color control and great legibility.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false

Highly recommended!



IcoMoon

Alt Text

Available as both a website and an app, IcoMoon offers more than 4,000 free icons and offline storage of icons. Each icon pack features detailed licensing so that designers and developers know exactly how icons can be used. Users can also make their own custom icon fonts.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false

Highly recommended!



Pictonic

Alt Text

All of the icons are designed using a precise pixel scale so that they can be resized without loss to quality or integrity. Because they are offered as font sets, the icons in this collection can also be stylized using CSS elements.

  • Free content: true
  • Paid content: true
  • Customizable icons: false
  • Registration required: true


icons8

Alt Text

With over 100,000 icons and daily updates, the Icons8 collection is hard to beat when it comes to selection and diversity. Users can search icons by tags or can browse more than 50 different thematic collections to find graphics that meet their needs.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false


Flaticon

Alt Text

2,000,000+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons!

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false

Highly recommended!

Note: you don't need to register to download and browse icons, but for icon customization you need to.



Font Awesome

Alt Text

Of course I need to put Font Awesome on this list, since it might actually be the most well-known icon library.
Once I had made an article about this library, check it out to learn more about all the features Font Awesome provides you. Trust me, it is worth it.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false

Highly recommended!



iconscout

Alt Text

iconscout is a collection of millions of different icons, in every possible category you can just imagine. Users here have the option to create and share their own icons and create collection which the visitors can view later.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false

Highly recommended!



ICONFINDER

Alt Text

Iconfinder is currently one of the largest icon libraries with over 4 million free and premium icons. Additionally, they also offer 25,000+ icon sets.

Iconfinder provides high-quality icons to millions of creative professionals. We are a small international team based in the lovely city of Copenhagen, with some of us working remotely. Together with a passionate community of icon designers, we are building the world's most popular icon site.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false


PixelLove

Alt Text

With more than 15,000 icons for iOS and Android platforms, PixelLove is a go-to icons collection for designers creating mobile sites and apps. All icons are available in a variety of pixel sizes.

  • Free content: true
  • Paid content: true
  • Customizable icons: false
  • Registration required: false


Streamline Icons

Alt Text

Over 10,500 in three different weights. 53 categories, 720 sub categories, and over 30,000 something in total.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: true


Grabhic Burger

Alt Text

Graphic Burger is a special and unique website that provides a large number of free and paid icons and other graphic elements. All of the icons that are available on this site are well optimized, compatible with all kinds of websites, applications and other graphic uses. The selection and variety of icons that are available is very big and there are icons suitable for almost any theme.

  • Free content: true
  • Paid content: true
  • Customizable icons: false
  • Registration required: false


Smashicons

Alt Text

Smashicons offers an extremely comprehensive collection of icons with over 175,000+ icons currently in their library. However, unlike some of the other icon libraries metioned, not all of these icons follow the same style. Therefore, if you want to keep a consistent look and feel on your website, app, etc. you’ll need to ensure that all of the icons you required are within a particular icon set.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: true


pngtree

Alt Text

In just 3 short years, Pngtree has managed to accumulate millions of unique graphic design resources. Amongst them: illustrations, vectors, templates, backgrounds, and most importantly, icons.

All icons are categorized, providing seamless and very quick access to a design that meets your needs.

Upon finding an icon, you are able to download it as a PNG or SVG file with a maximum dimension size of 512×512.

  • Free content: true
  • Paid content: true
  • Customizable icons: false
  • Registration required: true


iconshock

Alt Text

2 Million+ professional icons library with over 400+ icon sets in more than 30 styles, including Flat, Material, iOS, Glyph, Colorful, Window 10, Revamped Office, 3D Realistic, Isometric, & more!

Apart from having a library of 2 million icons, Iconshock also specializes in custom styles. Specifically, favorites like Material, iOS, Flat, Modern, and countless others.
You can choose between downloading a single icon, or downloading the whole icon set.

  • Free content: true
  • Paid content: true
  • Customizable icons: true
  • Registration required: false


Material Design Icons

Alt Text

Material Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project. It has been around for many years and is compatible with many technologies and frameworks.

  • Free content: true
  • Paid content: false
  • Customizable icons: true
  • Registration required: false

Highly recommended!



Material Icons

Alt Text

Upon selecting an icon, you can change color from Black to White and vice-versa. You can also download it in either SVG or PNG format. Though, if you do download SVG format, you can always adjust the color to be exactly what you need for your specific project.

Not to mention that there’s hundreds of free icons you can choose from, ideal for both website projects and any kind of graphic design outside of websites as well.

  • Free content: true
  • Paid content: false
  • Customizable icons: false
  • Registration required: false


freeicons

Alt Text

Similar to one of the sites we already looked at, FreeIcons is dedicated to highlighting only the most prominent of Icon Packs.
Each pack consists of up to 100 icons, and most are incredibly well-designed.

But rest assured that you can find icons also on subjects such as travel, food, women, country-specific, and more.
And, you can choose from styles such as 3D, Cartoon, Hand Drawn, Badges, Smooth, and many others.

  • Free content: true
  • Paid content: false
  • Customizable icons: false
  • Registration required: false

Top comments (30)

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
 
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
 
patarapolw profile image
Pacharapol Withayasakpunt • Edited

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

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

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
 
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
 
katylava profile image
katy lavallee

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

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
 
mnepita profile image
Martin Nepita

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

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
 
tomwilusz profile image
Lordicon

You need to check out Lordicon Animated Icons

There are hundreds of easily editable animated and vector icons.