Phoenix Baker
Resources
Arrow icon
26 min read

22 Best FREE Icon Sets for UI Design (2024 edition)

A good quality icon set is invaluable. We've searched through hundreds of free icon sets and have curated the absolute best for you in one place!
A selection of icons from Untitled UI Icons
In this article

Please note that this is our list of the best free icon sets. We have also written a separate list of the best paid icon sets for UI design.

When it comes to modern UI design and web design, a good quality icon set is invaluable and can make or break a design.

There is certainly no shortage of icon sets and there are many different styles of icons floating around the internet today. Just a quick Google search will reveal hundreds of icon sets, many of which are 100% free and open source.

The problem is not all icon sets are created equal. When we were building Untitled UI v1.0 we looked at dozens and dozens of open source, free, and paid icon sets. We even explored custom icon packs. Some were good, but we found the vast majority of icon sets lacked in quality, were inconsistent, or simply too small — usually a combination of all three. While there are many incredible premium (paid) icon sets, surprisingly, we found that many of the best icon sets were 100% free!

Choosing a good quality icon set can be just as time-consuming as creating your own custom icons. We’ve done an extensive search for the highest-quality free icon sets for UI design and compiled them here for you in one place.

This isn't an exhaustive list with 50 free icon sets for you to pull apart. We've intentionally kept this list as short as possible and have only included the absolute highest-quality free icon sets so you don't have to waste your time.

What is an icon?

In UI design and web design, icons are small graphical representations of a functionality or concept. They provide users with quick and recognizable visual cues that are easy to understand.

For example, lock icons indicate something is locked. Tick icons indicate that an action has been completed or saved. Trash icons mean delete or remove. Icons are so ubiquitous in modern UI and apps that we don’t often don’t even have to think.

Consider these icons below. You should immediately recognize what they represent:

Universal icons examples
  • House icons for the home page
  • Three horizontal line icons to indicate a hamburger menu
  • Magnifying glass icons for search
  • Pencil icons to edit or modify content
  • Heart or thumbs-up icons to like something
  • Heart or star icons to favorite something
  • Bookmark icons to save a bookmark
  • Arrow coming out of the top of a square icons to share something
  • Arrow pointing down into a square or cloud icons to download something
  • Gear or cog icons for settings
  • Lock icons to show something is secure
  • Arrow pointing into a cloud or out of a box icons to upload something
  • “X” icons to close or exit out of something
  • Funnel icons to sort or filter content
  • Link icons to add a link to something
  • Arrow pointing out of a box icons to log out of something

These are what we like to call universal icons or default icons. They’re everywhere, and it’s pretty clear to the user what they mean. Boring? Maybe. But they work.

When it comes to choosing an icon pack or designing custom icons, don’t try and reinvent the wheel. These universal and default icons are familiar to users already and changing them up so they’re unrecognizable just introduces a new challenge unnecessarily.

This doesn’t mean you can’t make your icons a little more visually interesting. As long as you don’t stray too far from the universally recognized symbol, it’s usually 100% fine. Here are the same examples using Untitled UI Icons in a duotone style:

Untitled UI duotone icons

Icons are important for UX

Icons are a crucial part of web design and UI design but are often overlooked. They’re especially important in information-dense UI design, such as dashboards or complex SaaS products.

High-quality icons can add style and visual interest to your designs. More importantly, when used correctly, good icon design can speed up user interactions by making actions immediately recognizable.

When you use a website or UI on any device, your eyes scan the content for the action(s) that you want to take. Some good examples of this are the home screen of your favorite app or a list of options in a menu. You’re not going to read every single word on the page, but you want to find what you’re looking for quickly.

This is where icons come in. Good icon design provides small visual cues for the user, helping you find what you’re looking for quickly and efficiently. As part of a consistent icon set, users quickly learn to associate certain icons with certain actions over time.

Sidebar navigation menus in UI design are the perfect example of this. Often, these are packed full of menu items and can be overwhelming for the user. Icons provide designs with quick and easy visual cues and make the menu list easier to scan.

Navigation icons example

While they don’t seem like much, icons in UI design make the process of navigating this menu and finding what the user needs significantly easier, reducing the cognitive load and making this navigation easier to remember over time.

At the end of the day, icons should be easy to understand

Icons are everywhere in the physical world as well. Road signs are a great example of clear and functional iconography. They're basically big icon sets. While they differ in style slightly around the world, they’re easy to understand and universally recognizable, even at a glance.

Road signs examples

Imagine how chaotic and stressful driving would be if road signs and their icons were inconsistent and hard to understand and interpret? Or if new icons were being introduced all the time? Drivers should be able to drive past signage without needing to slow down or divert their attention to understand what they mean. In the words of Steve Krug, “don’t make me think”.

The same goes for icons in UI design and websites. While the consequences aren’t life-threatening like road signs, poor iconography and low-quality icon packs create a frustrating experience for the user by slowing them down and making them think.

The main objective of icons in your design are not only to look beautiful but to be easy to understand. There’s no reason they can’t be both, but icon design should be functional first and foremost.

Sure, weird and wonderful icons and custom icon packs might look more interesting, but if users don’t understand what they mean in a quarter of a second, your ego is impacting the overall user experience and they’ll get frustrated.

No matter what free icon set, icon font, or premium icons you choose, remember that icons should be functional first and visually interesting second. Too many designers fall into this trap and choose interesting icon sets at the sake of usability.

Stick to icons and icon sets that people recognize wherever possible, especially for common user interaction or tasks like the examples above.

How to choose an icon set for your project

When starting a new web design project, choosing high-quality icons from the start will save you a lot of headaches and wasted time down the track. It can be a tough decision, especially because there are simply so many out there, with new icons popping up every month.

Thankfully, there are a few key things you can look out for. A good free icon set should check these boxes:

Icon set size

The icon set should be large enough to suit your project

Look for icon sets with a wide range of icons that will cover your needs. You won't need 10,000+ icons but aim for at least 250+ essential icons that you'll almost certainly need.

Otherwise, you’ll find yourself painstakingly creating custom icons down the track. This can be incredibly time-consuming, but also leads to inconsistencies.

Untitled UI Icons

The icon set should be consistent and professionally crafted

Good quality icon sets are consistent, optically balanced relative to each other, and just “look good”. They should be clear enough to work in dark themes and across all devices.

It can be hard to spot if you’re new to design, but inconsistent and unbalanced icons are very easy to spot.

Look for icon sets that include SVG format or Figma files so you can export them to SVG or PNG formats. If you're more familiar with Adobe software, look for AI or EPS formats. Avoid free icon sets that only come with PNG formats.

Untitled UI Icons

The icon set should suit your brand

This can be subjective, but icon sets can vary drastically in style and how they “feel”. Often, premium or paid icon packs are a distinctive style to differentiate them from other icon sets.

Many icon sets come with several different styles. In general, rounded icons tend to feel more fun and playful, while tight and minimal icon sets can feel more modern.

Choosing an icon set that is consistent with your brand will ensure they don’t look out of place. If in doubt, opt for a neutral and clean icon set that will work well with anything.

Premium icon kit example

You probably don't need premium icons or a custom icon set

Don't fall into the trap of spending money on premium icons upfront — often, some of the best icon packs for your project are 100% free to use and most premium icon sets come with a free version to try first.

Many paid and premium icon sets come with "free" versions, but these usually lack key essential icons so you end up purchasing the icon set later on. While this is fine, just make sure you're aware of this before you commit!

The same goes for typefaces — there are many high-quality free fonts that suit almost any project in modern UI design. We explored this idea in our post on the best free fonts for modern UI design.

It's better to pick an icon set from the start — don’t wing it

Choosing a good icon set from the start means you won’t be picking and choosing icons from different icon sets as you go. This can be an absolute nightmare because as your icon set grows, it will become more and more inconsistent and messy, even to the untrained eye.

Nothing stands out more in modern UI design than inconsistent icons.

This is especially important for large design projects. As you scale, inconsistent or poor-quality icon sets will only build design debt. Eventually, you (or another designer) will have to go back and tidy these up or replace the icon set with professional icons that work well together. This can take months and is wasted time and money.

These are examples of the mail icon from different icon sets around the internet. As you can see, they all have a very different style.

Mail icons examples

Most of these icons look okay on their own, but next to different styles they look out of place. Some look a little dated, but it can be hard to tell why and without context... Usually, it’s a combination of many micro-decisions that were made by the icon's designer — style, stroke weight, size, aspect ratios, fill — all of which factor into the overall look and feel of the individual icons and the icon set as a whole.

High-quality icons are effective, but also look good

Quality and consistent icons can make a website design or app more visually attractive. There's no reason why icons can't be functional and also aesthetically pleasing.

While these mail icons in the example above would work just fine as part of a consistent icon set, mixing and matching different styles made by different icon designers for different purposes will always look inconsistent and unprofessional.

At best, this makes your designs look bad. At worst, this lack of care and professional polish can lead to mistrust of your product by your users. A consistent and free minimal icon pack with 250 icons will always be a better choice than an inconsistent icon pack with 10,000+ icons.

You don’t realize the power of a high-quality icon set until you start using one. A good free icon set saves you time and money usually spent on meticulously creating icons one-by-one, or even worse, constantly fixing existing icons so they're more consistent and optically balanced.

You can avoid most of these issues and pitfalls by choosing a high-quality icon set from the start. This will save you time, headaches, and expensive design+tech debt down the track.

The great news is that many of them are 100% free! Here are our top picks for the best free icon sets for modern UI design:

Untitled UI website screenshot

1. Untitled UI Icons

untitledui.com/icons — 1,100+ free essential icons for modern UI design

Untitled UI Icons are a clean, consistent, and neutral icon library crafted specifically for modern UI design. Made for Figma, in Figma.

This 100% free icon set includes a whopping 1,100+ essential icons for modern UI design, neatly organized across 19 categories. There are also additional duotone and duocolor styles available at untitledui.com/icons if you're after something a little bit different.

Untitled UI Icons launched in early June 2022. It was voted Product Hunt #1 Product of the Week and was downloaded 20,000+ times in the first 2 weeks. It's now the #1 highest-rated icon set on Gumroad and was retweeted 1,250x on Twitter.

Since then, the 100% free icon libray on Figma Community has been downloaded over 155,000 times, making it one of the most popular Figma icon libraries of all time.

Learn more about Untitled UI Icons or download the free icon set here! You can use this huge library in as many projects as you like.

Untitled UI Icons

What makes Untitled UI Icons different?

This free icon set was crafted specifically for Untitled UI — the largest Figma UI kit and design system in the world and the #1 design and tech product on Gumroad.

We searched everywhere for the "ultimate" icon set for modern UI design to use across all our projects... We couldn't find a free icon set we loved so we made one that ticked all the right boxes.

  • Made for Figma, in Figma. 100% compatible with Figma's latest 2022 component properties and override features. Say goodbye to Illustrator.
  • Crafted specifically for modern UI design. Clean, consistent, and professionally crafted icons. Purposefully not overly stylized and neutral enough for any project or device.
  • 1,100+ and counting. Packed full with 1,100+ free vector icons with creative commons license. Everything you need to design modern and beautiful UI and websites. Such a wide range means no more custom icons!
  • Neatly organized. The entire icon set is neatly organized alphabetically across 19 categories. Spend less time searching icon packs and more time designing.
  • Smooth corners by default. Untitled UI Icons use beautiful and naturally continuously 60% variable curves on all corners. They stress these tiny details because once you see it, you can't unsee it.
  • 2px stroke weight default. 2px stroke weight by default for visually-balanced icons across sizes. Change stroke weight in Figma with just a few clicks.
  • Optimized SVG output. No unnecessary layers or shapes. SVG outputs are optimized for minimal file size, no unnecessary attributes, and infinite scalability.
  • Use in unlimited projects. In fact, we designed the icon set this way — to be as neutral, flexible, and scalable as possible to use as a single "ultimate" library for any project. You can use it in as many personal and commercial projects as you like!
  • Lifetime updates. No subscriptions or "upgrades". Get lifetime updates forever. We're always making improvements to Untitled UI products.
Untitled UI Icons
Download 1,100+ free essential icons at untitledui.com/free-icons
Feather Icons website screenshot

2. Feather Icons

feathericons.com — 287 free icons

Feather Icons aren't the biggest free icon set on this list, but they'll always be one of our favorites. This free minimal icon pack was crafted by Cole Bemis and features 287 simply beautiful open source icons.

Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and readability. If you're looking for a lightweight and scalable icon library that will work in almost any project, Feather Icons are a great option! It's one of the most popular icon sets in the world for a reason.

You can download the entire library in SVG format as a .zip from their site.

Majesticons website screenshot

3. Majesticons

majesticons.com — 720 free icons across 2 styles (360 icons per style)

Majesticons are a useful icon set crafted by Gerrit Halfmann. They consist of 720 free MIT License icons in two styles — line and solid.

We love this icon set for a few reasons. Firstly, they're super minimal and consistent which means they'll work well across any type of web design or UI design project. Secondly, they're clearly crafted with care by a professional and are easy to customize right in Figma!

If you need even more in the future, they also have an expanded icon pack for sale with 6,950+ vector icons across 52 categories. It looks great and is made with Figma based on 24px grid system with 2px stroke width.

Unicons website screenshot

4. Unicons by IconScout

iconscout.com/unicons — 1,100+ free icons

Unicons is a fantastic icon set by the IconScout team. While the huge 4,500+ Unicons icon set is a paid icon set, they've generously released the 1,100+ line icon library for free.

Their free line icon set consists of 1,100+ icons carefully crafted on 24px grid with 1px stroke. This free icon set is huge and we particularly love how well-organized it is into 27 categories.

You can download the icon set as SVGs as well as a web font/icon font via their website.

Heroicons v1.0 website screenshot

5. Heroicons (1.0)

v1.heroicons.com — 230 free icons

Heroicons v1.0 is an incredibly popular and open source icon library crafted by Steve Shoger, one of the creators of Tailwind CSS.

It consists of 230 beautifully crafted and minimal MIT Licensed icons. Similar to Feather Icons, this icon set is not going to be the biggest on this list, but we love it because it's neutral and will suit pretty much any project.

Heroicons are also unique in that it includes 2 separate styles, depending on your use case. The outline icons are created with 2px stroke weight and are designed to be rendered at 24x24px. For smaller use cases such as buttons and form elements, this icon set also includes solid icons which are designed to be rendered at 20x20px.

This kind of attention to detail is what sets Heroicons apart from the hundreds of much larger icon sets that didn't make this list.

You can download the icon set as SVGs via their website or duplicate the official Figma Community file.

Heroicons v2.0 website screenshot

6. Heroicons (2.0)

heroicons.com — 1,152 free icons across 4 styles (288 icons per style)

After the success of Heroicons v1.0, Steve Shoger, launched Heroicons 2.0 in August 2022.

The new library features 292 icons that have been completely redrawn from scratch in a new style. Similarly to Heroicons 1.0, this icon set includes 2 separate styles, depending on your use case. The default outline icons are designed to be rendered at 24x24px and include a new matching solid style. For smaller use cases such as buttons and form elements, the icon set also includes a smaller mini style designed to be rendered at 20x20px.

One notable difference between 1.0 and 2.0 is the stroke weight is thinner at 1.5px by default.

Just like Heroicons 1.0, this set is beautifully crafted and Steve has again generously made the icon set 100% free with an MIT license. As we mentioned earlier, this new Heroicons set isn't a big library, but it is incredibly high quality and deserves to be as popular as it is.

You can download the icon set as SVGs via their website or duplicate the official Figma Community file.

Iconair website screenshot

7. Iconoir

iconoir.com — 1,544 free icons

Iconoir is a great open source icon set crafted by Product Designer, Lucia Burgio. It comes packed full with 1,500+ icons in SVG format, as well as icon libraries for React, React Native, Figma, and Framer.

We're big fans of these icons for their paired-back and super minimal style. They're ideal for modern user interface design. So much so that Framer intergrated them into their design software in June 2021!

The Iconoir icon set is 100% free and open source and you can preview every single SVG icon on their website. If you find it useful, you can support the creator on Open Collective.

Iconizer website screenshot

8. Iconizer

iconizer.io — 1,050 free icons

Iconizer offers a collection of 1,050+ icons across 4 different styles for free. What sets Iconizer apart is they is they allow users to easily customize icons directly from their site. You can change icon size, stroke weights, colors, and copy or export SVGs without leaving your browser.

Check out the free icon set and preview every single SVG icon on their website. They're clean, consistent, and great for UI design. If you find these icons useful, you can create a free account to bookmark icons. If you really find these icons useful, Iconizer also offer a paid version of the library which includes 6,400+ icons across 4 different styles.

css.gg website screenshot

9. css.gg Icons

css.gg — 704 free icons

css.gg is a unique open source icon set that was written entirely in CSS. It was recently created by frontend developer, Astrit Malsija, who also runs a YouTube channel with useful CSS tips.

The icon set is well-organized and consists of 704 free icons available as CSS and SVGs. It has proven incredibly popular and community members have even contributed Figma and Adobe XD files.

You can check out the icon set at. If you find these useful in your projects, consider donating to the creator here!

Phosphor Icons website screenshot

10. Phosphor Icons

phosphoricons.com — 7,488 free icons across 6 styles (1,248 icons per style)

Phosphor Icons are a free icon set crafted by Helena Zhang and Tobias Fried. It's a clean, consistent, and huge library of 7,488 icons across 6 different styles — thin, light, regular, bold, fill, and duotone.

You can download the Phosphor Icons set as individual SVGs via their website. The team have also released a handy Figma Community file and Figma plugin, as well as a Sketch plugin and npm install.

Radix Icons website screenshot

11. Radix Icons

radix-ui.com/icons — 333 free icons

Radix icons are a crisp set of 15×15px icons designed by the team behind WorkOS. They're modern, sharp, and designed to work well for in smaller sizes.

Radix icons have been generously open sourced under the MIT License. You can copy SVGs directly from their website, or download all 333 icons as SVGs, as well as for Figma, Sketch, IconJar. The WorkOS team have also included an npm install for super quick install in development projects.

Lucide Icons website screenshot

12. Lucide Icons

lucide.dev — 1,368 free icons

Lucid Icons are a beautiful and consistent icon library that are a fork of the popular library, Feather Icons. Just like Feather, Lucide is a 100% open source project that welcomes contributions from the community.

The library consists of 1,368 clean, consistent, and lightweight icons with an active community on GitHub and Discord. We love Lucide for the same reasons we love Feather — there is an emphasis on simplicity, consistency, and readability. If you're looking for a lightweight and scalable icon library that will work in almost any project, Lucide Icons are a great option!

The community behind Lucide Icons have also set up packages for almost every framework, so you can install the icon library and use them in development projects immediately.

Streamline Icons website screenshot

13. Streamline Core Line Icons – Free

streamlinehq.com — 1,000 free icons

Streamline Core Line Icons are a huge icon set that are open source under the Creative Commons License. This is a huge free library consisting of 1,000 vector icons. We love this style because it's clean, consistent, and clearly crafted by professionals. Streamline have been creating icon sets since 2010 and know what they're doing.

They also have a popular Figma plugin available on Figma Community so you can search for icons without leaving Figma.

This free icon pack is part of Streamline's larger Core Line Icons – Pro icon set — their complete collection of icons for UI design, with 2,025 vector icons across 14 categories. They offer a subscription from $19/month or you can buy the single icon set outright for $89. It's important to note that you don't get future updates if you purchase outright!

Tabler Icons website screenshot

14. Tabler Icons

tabler.io/icons — 4,900+ free icons

Tabler Icons are a solid icon set crafted by Web Developer, Paweł Kuna. They're another great example of a simple and well-made icon set that is flexible and large enough to use in just about any project.

The entire icon pack is open source and free to use in designs without attribution. You can even preview how the icons look at different sizes and stroke weights via their website.

Tabler Icons are a free and open source icon set, but you can support the creator by donating on GitHub.

Ionicons website screenshot

15. Ionicons

ionic.io/ionicons — 700+ free icons across 3 styles

Ionicons are an open source and MIT licensed icon set built by the team behind Ionic Framework. This icon set consists of 700+ free icons across 3 styles — outline, filled, and sharp. They also include useful social media icons!

You can download the entire library in SVG format as a .zip from.

The Ionic team has also released a useful Figma plugin so you can search for Ionicons right from inside Figma.

Remix Icon website screenshot

16. Remix Icon

remixicon.com — 2,700+ free icons across 2 styles (1,350 icons per style)

Remix Icon is a set of 2,700+ neutral icons across 2 styles — line and solid.

This free icon pack is maintained by Remix Design — duo Jimmy Cheung and Wendy Gao. They've generously made this icon library open source, which means the icon pack is 100% free to use for both personal and commercial use. If you find it useful, please consider contributing to the project via the Donate link on their website!

Free download this icon pack via their website as a single .zip containing SVG files, as an icon font, or even as an NPM install.

Flowbite Icons website screenshot

17. Flowbite Icons

flowbite.com/icons — 487 free icons across 2 styles

Flowbite Icons 487 free and open-source SVG icons available in two styles — solid and outline. While it's one of the smaller libraries on this list, it's well-made and consistent.

Flowbite Icons are designed by Evelyne Krall & Robert Tanislav and interface coded by Zoltán Szőgyényi. They're designed to be specifically compatible with Flowbite's own libraries and Tailwind CSS with React (JSX) and Figma support.

Eva Icons website screenshot

18. Eva Icons

akveo.github.io/eva-icons — 480 free icons across 2 styles (240 per style)

Crafted by Akveo and the team behind Eva Design Assets, Eva Icons is a set of 480 beautifully crafted open-source icons in SVG and PNG formats. They've also included both a Figma and Sketch library.

There are two main outlined and filled styles. We love them because they're super clean and minimal. However, it's important to note that these icons have been converted to outlines. This means that you won't be able to customize stroke weight or corners etc.

Atlas Icons website screenshot

19. Atlas Icons

atlasicons.vectopus.com — 2,337 free icons across 3 styles

Atlas icons is a free and open-source library, licensed under MIT. They're created by the team behind Vectopus are available in variable stroke SVG format, web font, React, Vue and Flutter ready to use packages.

They've also released these icons via Figma Community as a Figma plugin. We'd love for them to release these as a Figma library!

MingCute Icons website screenshot

20. MingCute Icons

mingcute.com — 2,212 free icons across 2 styles (1,106 per style)

MingCute is a set of simple open-source icons created by Richard. The icon library includes a total of 2,212 icons across two styles, outline and filled, and arranged neatly into categories.

You can download the entire library as a .zip file from their website. This includes individual SVG exported into category files, as well as icon font files. MingCute do have a Figma file available on Figma Community, but it appears it isn't kept up-to-date with new releases to the icon library.

Tetrisly Icons website screenshot

21. Tetrisly Icons

tetrisly.gumroad.com — 260+ free icons

Tetrisly Icons are a free icon set crafted by the team behind Tetrisly. This icon pack is unique because the Tetrisly team opted for 20px as the default icon size, where most icon sets choose 24px or 16px.

This icon set is 100% free for personal and commercial use under the Creative Commons License. You can free download the icon set via their Gumroad page (link above), which includes SVG format, Figma, and Sketch files.

Doodle Icons website screenshot

22. Doodle Icons

khushmeen.com/icons — 400+ free icons

There are hundreds of free icon sets on Figma Community but one that really stood out for us was Doodle Icons by Khushmeen Sidhu.

Doodle Icons comes with 400+ handcrafted icons and is 100% free to use for commercial and personal projects under the Creative Commons License. What makes this icon set stand out from every other library on this list is its unique hand-drawn style. While it might not be suitable for every project, it's a great way to differentiate designs and add a splash of personality to more creative and fun projects.

You can download the entire library as SVGs, PNGs, as well as a Figma library via their website.

We left some notable names off this list

As we mentioned, this isn't an exhaustive list. We've carefully curated what we believe to be the best free icon sets available today. Many "best free icon sets" lists like these simply add in as many icon sets as possible to appease Google, but we found the majority of these were low quality or outdated.

You may have noticed our list also didn't include some of the most popular free icon sets in the world such as Material Icons and Bootstrap. Here are some notable mentions that we didn't include in our list:

Google Material Icons website screenshot

Material Icons

fonts.google.com/icons — 2,500+ free icons

Material Icons Library is a free icon set by Google for the Material Design system. This icon set is 100% open source under the Apache License Version 2.0.

Material Design icon sets are available in five different themes — filled, outlined, rounded, two-tone, and sharp — and are one of the most popular icon sets in the world. Google has also recently released an official Material Symbols Figma plugin.

We haven't included Material Design Icons in this list for subjective reasons. In our opinion, Material Icons are starting to look a little dated for modern UI design. Perhaps it's their distinctive sharp edges or the fact that we've seen them everywhere for years now. It's an awesome resource but didn't make our list for this reason.

The Noun Project website screenshot

The Noun Project

thenounproject.com — 3 million free icons

You read that right! The Noun Project is a collection of more than 3 million icons. You'll find anything you can think of here — app icons, website icons, social media icons, and even illustrations. Launched in 2011, this site is updated daily with icons created by thousands of designers and developers around the world.

While this is an incredible resource, we haven't included it in this list of free icon sets for two main reasons:

  1. To use icons from The Noun Project, you're required to add a link back to The Noun Project if you do not have a paid membership. For this reason, we don't regard The Noun Project as a free library as the free version explicitly requires attribution.
  2. Any icon set at this scale will inevitably lead to inconsistencies. Thousands of creators from 130+ countries contribute to this project, which means many slightly different styles. You don't need 3 million icons — for modern design, particularly UI design, we suggest opting for smaller, carefully-crafted icon sets that are consistent and optically balanced relative to each other.
Boostrap Icons website screenshot

Bootstrap Icons

icons.getbootstrap.com — 1,600+ free icons

Bootstrap Icons are one of the most popular open source icon sets in the world. With 1,600+ icons in line and fill styles, Bootstrap Icons are designed specifically for Bootstrap’s components and documentation.

Similar to Material Icons, we have omitted this icon set from our list for subjective reasons. It's a fantastic resource for designers and developers who use Bootstrap, but we believe they're starting to look a little dated. Many of their core icons have striking inconsistencies in stroke weight and optical balance. For this reason, we haven't included it in this list.

Font Awesome Icons website screenshot

Font Awesome Icons

fontawesome.com — 1,700+ free icons

Font Awesome Icons are one of the oldest and most popular icon sets in the world, used by millions of designers, developers, and content creators. Originally developed in 2012, it was designed for Bootstrap but evolved into its own icon set.

You've probably heard of Font Awesome before, and if you haven't, you've definitely seen these icons on the web. As of 2020, Font Awesome was used by 38% of sites that use third-party font scripts.

Their free library includes 1,700+ free vector icons across multiple styles. They also have a paid premium plan that includes 30,000+ icons with faster loading and technical support. It's important to note that the free plan only includes up to 10,000 pageviews per month on sites using Font Awesome Kits which you'll hit very quickly.

Despite Font Awesome's incredible size, you likely won't need such a huge icon set for projects. If you've used Font Awesome before and it works for you, that's great! If not, we recommend checking out some of the newer and more modern icon sets in this list.

Looking for premium/paid icon sets?

As you can see, there are many incredibly high quality free icon libraries on the market today. However, if you're looking to invest in something a little extra for your design project, check out our separate list of the best paid icon sets for UI design. Here's a sneak preview:

  • Untitled UI Icons — 4,600+ icons across 4 styles
  • Pikaicons — 3,800+ icons across 5 styles
  • Iconic Icons — 1,328 icons across 1 style
  • Hugeicons Pro — 27,000+ icons across 7 styles
  • Anron Icons — 5,000+ icons across 6 styles
  • Central Icons — 1,014 icons across 2 styles
  • Iconly Icons — 10,800+ icons across 6 styles
  • Nucleo Icons — 5,200+ icons across 2 styles
  • Bunch of Icons — 630 icons across 1 style
  • Streamline Icons — 175,000+ icons across 32+ styles
  • Myicons — 15,000+ icons across 1 style
  • Majesticons — 6,950+ icons across 2 styles
  • Epicons — 2,000+ icons  across 2 styles
  • Magicoon — 5,400+ icons  across 4 styles

Missing a free icon set?

There are dozens of new icon sets being released every month. We've reviewed hundreds of these icon sets to pick out the highest-quality examples and regularly update this post if we find one that makes the cut.

If you're releasing a free icon set and would like to be included on this list, let us know! We'd love to check it out.

Untitled UI blog

More design resources and tutorials

In-depth design tutorials and the best quality design and Figma assets curated by the team behind Untitled UI.
Gumroad 5 stars

Untitled is the best $129 I've spent on my business in a long time. I'm going to keep using it and recommending it to every designer I know.

Sam Pierce Lolla
Sam Pierce Lolla
Founder, Shuffleboard
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Over the years we've featured hundreds of UI kits on UXCrush, but Untitled UI is by far the most comprehensive and detailed I've seen yet. A must have for any designer!

Luca Vavassori
Luca Vavassori
Founder, UXCrush
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

I've used all UI kits on the market. I can say without a doubt that the Untitled UI kit is the best on the market. It covers everything a designer needs in a modern and efficient way.

Murat Alpay
Murat Alpay
Product Designer, @imuratalpay
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Incredible, and keeps getting better. I’ve tried dozens of UI kits and Untitled UI is the only name you should care about. It stands head and shoulders above the rest.

Jérémy Franck
Jérémy Franck
Designer, @jrmyfranck
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Such a beautiful, detailed, and extensive UI kit. Untitled UI is the perfect foundation for any project. I highly recommend this huge time saver.

Adham Dannaway
Adham Dannaway
Product Designer, Practical UI
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Untitled UI has been an amazing resource that I'm learning to rely upon to spin up ideas in no time. I think I might launch a startup pretty soon by mistake here!

Ricardo Buzzotta
Riccardo Buzzotta
Senior Product Designer, Spotify
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

The sheer scale, details, and organization of this kit is mind-blowing. It covers nearly everything a Designer could need in a modern, efficient and systematic way.

Corey Moen
Corey Moen
Senior Brand Designer, Webflow
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

I'm super impressed with this. I love poking around in other peoples UI Kits to see how they think. This is probably one of the most comprehensive I've seen.

Matt Walker
Matt Walker
Design Systems, Mailchimp
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

I'm super excited to use this for quick mockups of ideas in Figma. We're always trying to streamline our design process so we can move fast! Definitely recommend.

Jenny Chu
Jenny Chu
Head of Product, Eucalyptus
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Untitled UI is easily the best UI kit I've used so far. It has an insane amount of components that are all incredibly well-built. I don't even know how many hours this will save.

Sunny Trochaniak
Sunny Trochaniak
Founder, NewPulse Labs
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

The attention to detail and thought Jordan has put into this UI kit is unparalleled.

Dan Mcleay
Dan Mcleay
Lead Designer, Fox Sports
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

Untitled UI is incredibly well-organized and the attention to detail is great. I highly recommend this kit to any designer that wants to create beautiful designs fast.

Tom Bekkers
Tom Bekkers
Founder & Creative Director, Flowbase
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

What an awesome Figma kit... it's an absolute game changer. This is the perfect base for any design system. The size and attention to detail is next level.

Dan Anisse
Dan Anisse
Co-founder, Relume
Star iconStar iconStar iconStar iconStar icon
Gumroad 5 stars

We've been using Untitled to build Himalayas 2.0 and have finished a complete redesign in just a few days. It has everything we need already pixel-perfect.

Abi Tyas Tunggal
Abi Tyas Tunggal
Co-founder, Himalayas
Star iconStar iconStar iconStar iconStar icon