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.
MiX UI – ICON PACK v2.2 Apk
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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 3,200+ vector icons across 48 categories. It looks great and is made with Figma based on 24px grid system with 2px stroke width.
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.
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.
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.
Iconoir is a great open source icon set crafted by Product Designer, Lucia Burgio. It comes packed full with 1,100+ 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!
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.
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.
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.
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 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.
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:
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 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.
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.
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.
Material design system icons are simple, modern, friendly, and sometimesquirky. Each icon is created using our design guidelines to depict in simpleand minimal forms the universal concepts used commonly throughout a UI.Ensuring readability and clarity at both large and small sizes, these iconshave been optimized for beautiful display on all common platforms and displayresolutions.
We have made these icons available for you to incorporate them into yourproducts under the Apache License Version 2.0. Feel free to remix and re-share these icons and documentation in yourproducts. We'd love attribution in your app's about screen, but it's not required.
The complete set of material icons are available on the material icon library. The icons are available for download in SVG or PNGs, formats that aresuitable for web, Android, and iOS projects or for inclusion in any designertools.
The material icon font is the easiest way to incorporate material icons withweb projects. We have packaged all the material icons into a single font thattakes advantage of the typographic rendering capabilities of modern browsers sothat web developers can easily incorporate these icons with only a few lines ofcode. 2ff7e9595c
Comments