Best icon packs for your web application & website in 2022

Written by Bertrand on January 3, 2022

Icons are like fonts and colors, they can give your website or your application a completly different style and first impression to your users. That's why I highly recommend spending a bit of time defining the style you're looking.

Great icons may replace words, they can play an important role in the information architecture of your web application or website.

Designing your own icon pack takes a lot of time and money. You'll probably scratch your head trying to find the right visual/balance for your idea. Hats off to every one working on their icon set!

The other way is to use an exisiting icon pack (free or paid) that will save you both time and money. If you're going with an existing pack you need to make sure you it'll cover all your needs and that have the rights to use them (and eventually edit them). Something great about some of them is that they're developer friendly. Meaning that our dear developers friends can use them super easily.

If you're thinking that paying for icons is a waste of money, think about the time it takes to create a proper set from scratch. Sure, you won't have a unique icon set but it's unbeatable for the price and can help you ship a website, an application quicker.

I'll list the most famous icon packs that are all over the internet as well but you'll have to scroll to the bottom to find them.

As much as I love icons, I can not emphasize enough on keeping the usage as essential as possible. Using icons for everything won't help for the readability of your web application or website.

Free icon packs

Internet is full of great resources and you can find some great free icon packs. My favorite (and also the one that you don't see everywhere) are listed below.

Iconic

Iconic icon pack website 200 pixel perfect outline icons categorized that you can use on your project out of the box for free. If you need more you can purchase 450 more icons for $99 per year. Designed by James McDonald & Orman Clark
Explore icon pack ↗

Iconoir

Iconoir icon pack website 974 SVG Icons, open source for free. This is the work of Luca Burgio.
Explore icon pack ↗

Hero icons

Hero icon pack website 230 free SVG icons designed by Steve Schoger in outline and solid styles. Developers can directly use with React of Vue.js library and the Figma file available as well. Don't miss out this one!
Explore icon pack ↗

Chunk Icons

Chunk Icon pack preview 168 lovely icons with a unique touch, designed and regularly updated by Noah Jacobus ↗.
Explore icon pack ↗

Basicons

Basicon pack website

225 icons that you can customize based on your need. Define the size and stroke width you want and you're good to go! Made by Precious & Solomon.
Explore icon pack ↗

Mono Icons

Mono icon pack website A set of 175+ simple and versatile icons that can blend easily in your next design.
Explore icon pack ↗

Phosphor icons

Phosphor icon pack website 6000+ (!!) icons, probably one of the most complete icon pack of the list. You can find icons from the most famous tech brands (Whatsapp, Slack, Linkedin, Youtube...) but also some technical one such as the git actions (git branch, git commit,git merge etc..).
Explore icon pack ↗

Radix icons

Radix icon pack website

15x15 icons that you can use in your design applications (Figma, IconJar) but that can be used also by your developers with npm package.
Explore icon pack ↗

Tabler

Tabler icon pack website

1500+ open source icons nicely designed by Paweł Kuna.
Explore icon pack ↗


Premium icon packs (that worth their money)

Sometimes when you don't have the resources, time or money to design your own pack the best solution is to buy an icon pack on the internet. Find the best premium icon packs below.

Iconic

Iconic icon pack website

I've already mentionned Iconic above but if you need specific icons or need more icon, the whole icon set (450 more icons) that is updated weekly is available for for $99 per year. Designed by James McDonald & Orman Clark.
Explore icon pack ↗

Anron icons

Anron icons (3800+ icons)comes in 5 styles that looks great and give you more flexbility. Figma file and IconJar (see below) set are included for $48. Designed by Anton Lapko.
Explore icon pack ↗

Pixi icons

Pixi icon pack website

Designed by Scott Dunlap, Pixi icons is a set of rounded icons with character that will immediatly give a nice touch to your design. 591 icons $60.
Explore icon pack ↗

The symbols

The symbols icon pack website A 420 icon pack that comes with 2 styles (outlined and filled), for $18. For that price you'll get the Figma & Sketch files.
Explore icon pack ↗

Icon manager applications

When you start looking for icons you can't stop! It's not convienent to browse them with your OS file system, that's why the populary of icon managers has rised over the last few years. If you're an icon addict, you should definitely check them out.

Iconset

Icon set - icon manager app A free SVG icons manager app for designers, developers or product teams. Available on both Mac and Windows.
Discover Iconset ↗

IconJar

IconJar - icon manager app IconJar is a tool to organize your icons in one place, locally. Available on MacOs only.
Discover IconJar ↗

Nucleo

Nucleo - icon manager app Nucleo is a mac & windows app to organize, customize and export all your icons. Note that with the application comes 32,000+ icons.
Discover Nucleo ↗


The "All over the internet" packs

They are great icon pack, you probably know them already but still they deserve to be mentioned here



That's it for today. I hope you discovered new icon sets and find some useful. Please make sure to check the licence before using them.

If you want to suggest new one, share them with me on twitter: @bertwitt

Liked what you've read?

Share it with others or start a conversation with us