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
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
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 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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Oldest comments (28)
What are the most tree-shakable / smallest icon libraries?
Currently, I like github.com/FortAwesome/vue-fontawe...
What do you think of Material Design Icons ?
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
Decided to extend the list to 20, and included Material Design Icons as well!
Awesome :)
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.
No mention of useiconic.com/open ??
truetruetruefalseThank you very much for this wonderful and amazing post, as it will be helping all the developers of all the kind as well.
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.
Friconix friconix.com/
Free content. High quality and they take requests. Runs on donations. Give $5 and get very fast personal service.
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
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.
Hmm, interesting, didn't know about this. Changed all
h1toh2, thanks for the info :)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
H2
... etc
I just wanted to mention Nucleo (I'm part of the team 👋), a library of almost 30K customizable icons.
nucleoapp.com/
Thank so much!! just added this post to my bookmarks!! :D
I ❤️ noun project. I’ve even had success searching for verb icons on their site 😄.
cool
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. 👌
I'd like to add grommet icons. Easy to use for web development with currently 561 free and open source icons.
Hello,
Thank you for adding "freeicons.io" in your list
freeicons.io/