10 icon packs from the Figma community to have in your toolkit
Icons to use in any design of your choosing.
Starting my design journey, I always used to look at other people’s designs and wonder “how did they do that?” on several notes. One aspect I used to wonder about was icons. When I needed an icon, I would look for an image that was the right color and put it in its place. Sometimes I took screenshots of my phone screen and cropped out the icons.😂
Now I know better (phew!), and now answer the same question when reviewing the work of designers just starting out “where do I get icons for my project from?”. Many sites provide you with tons of icons. But, one place which isn’t getting the hype it deserves is the Figma Community. There are so many resources there — icons, illustrations, UI kits, name it! — all for members of the community to use.
When choosing icons to use in my designs, there are two things I consider each time;
- The style of the icon. Is it rounded? Hand-drawn? Does it fit the style or mood I am going for in my design?
- The source of the icon: Some icon packs are extensive in the number of icons rendered. This is very helpful since I don’t always know from the start, all the icons I need for a project. I don’t like having tons of icon packs strewn all over my Figma drafts. As such, I am very careful when selecting packs to use.
So based on these two considerations, here are 10 icon packs picked from the Figma Community that you can use in your projects:
Unicons by Iconscout
Iconscout provided this pack of icons all in SVG format for general use. The icons span different categories making them very suitable for use in a variety of projects. The icons toe the borderline of playful, unique but familiar.
Remix Icons 2.5.0- Line & Fill by Elton Behari
Remix icons have this sort of light touch to the way they were designed. This gives them a different feel to other thicker-lined icons. It also is quite extensive and that’s a relief.
Material Icons(Filled) by Brian Smith
If designing for an interface that would work with Google’s Material UI or love how Material UI Icons look, this Icon pack has a comprehensive list of Material UI Icons for you. Brain Smith published an outlined version of all the icons here as well. Check out his profile on Figma to see more projects he has worked on.
Koloicons|3000+ Icons|Detailed Pack by Karina Popovskaya and Koloicons
With Icon packs, the more the merrier. Koloicons pack does just that by providing over 3000 icons for use. One thing you have to love about this icon pack is the difference in style. The creators succeeded in giving the icons a hand-drawn feel to them, making them suitable to be used in places that don’t want to carry an overly formal feel.
Microsoft Fluent System Icons by Microsoft
Microsoft has an icon pack too(for those that just discovered as I did) and they look awesome! Again, whether platform-specific or not, these icons could just save the day for you.
Ionicons by smrkv
Smooth, cool, and simple. Ionicons are icons made by the Ionic framework team (hence the name). The icon pack has 3 pages — filled, outlined, and sharp.
Doodle icons by Khushmeen sidhu
Icons that add a laid back happy personality for your project. Not as many as other packs but very unique icons that create moods beyond what generic icons would do.
3-D Icons Pack — Starter (Demo) by Kirill Emelyanov
As 3-D design gains traction, it would be wrong not to mention a 3-D icon pack here. Now, this is just a starter pack, but Kirill made more icons for different sectors — business, romance, home, etc. Visit his profile to see them all.
Vuesax modified Kit by Ashraf Omran
This pack was made from Vuesax icons (vuesax.com). According to Ashraf, its maker, he made modifications to make it easier to use. Enjoy!
Teensy Flags by Tony Gines
Ever had needed to add language settings indicators? Or a country code section in a phone number field in a form? Teensy Flags has a growing list of flags of countries that you can use in your next project.
Bonus
Memoji by Ozenua Oluwatobi
As a bonus, Memojis! When people started using these as their avatars on social media and then their design projects, I was in awe and always wondered how did they do that. Well, Ozenua has simplified the process for us a bit by compiling some of them for us all!
Free Vivid Emoji Icons Pack by Alexander
In case the Memojis are not enough or not the kind of emojis you are looking for, here is another emoji icon pack. Please visit Alexander’s profile on Figma to see more awesome stuff he has done!
This list is meant to serve as the first step into sourcing icons for your project, it is in no way exhaustive and there are a lot of other designers doing wonderful work you can find on the Figma Community Page. So waste no time, get designing!
