Best 14 Figma Icons for Web Designers & Developers 2022

7 min readOct 30, 2022

Whether you are a web designer or developer, chances are you already know what Figma is all about. As one of the market’s most popular graphics editors and prototyping tools, Figma is a top-notch choice for any UX and UI designer.

However, since Figma is also fully customizable, there are some things that are missing from the standard version of the tool. And among them are the icons. Fortunately, it’s very easy to add a premium icon collection to Figma.

1. Dazzle UI

New upcoming Figma icon collections on the Figma community platform, Dazzle UI easily made it onto my list. Dazzle UI is a vast collection of consistent icons that work perfectly on Figma. Dazzle UI Icons are designed to be 100% Figma native, consistent, professional quality, and neutral enough for any UI or web design project. Recently Dazzle UI updating free version of icon for Halloween.

Features Overview

Figma-Use, modify icons in your popular design software.
1,680+ icons, well-organized library
All icons are drawn on a pixel-based grid
24x24px bounding box, 2px stroke
+1680+ smooth and consistent icons in linear style
Good naming and sorted categories, easy to find any icon
29 neatly organized categories
Smooth and rounded corners
Most of the vector points in paths are set exactly on the grid
Clean and consistent, while neutral enough for any project
Figma (Well-organized Component Library)
Well-organized IconJar library
Optimized SVG output
Use in unlimited projects
Customize infinitely
Lifetime updates

→ Visit their site Dazzleui.pro

2. Heroicons

Heroicons is another great Figma icon set. Heroicons was created by the same makers of Tailwind, a popular CSS framework. The icons are set on a 24x24 grid. The icons in this set are simple. That has been the number one priority since their inception. This library offers a small — but beautiful — collection of 292 SVG icons.

→ Visit their site Heroicons

3. Feather

Considering the size of our next icon set, it would be a deficiency if we didn’t include Feather in this list. Feather is one of our favorite elegant Figma icon sets. Contrary to numerous icons on the market, the icons of this bundle are 100% readable and a top-notch choice for most designs.

During our testing, we found that Feather has every icon a developer needs when it comes to both UX and UI designs. If simplicity is what your next prototype is all about, Feather is one of the best choices.

→ Visit their site Feathericons.com

4. Unicons

As one of the largest Figma icon collections on the Figma community platform, Unicons easily made it onto our list. You can consider Unicons an essential and ultimately comprehensive collection of icons designed specifically for Figma.

With more than 25 icon categories and over 1500 icons, there’s nothing you will not find in this set. Most of Unicons icons are minimalistic and simple, which makes this collection one of the cleanest and most consistent.

You can easily download the collection as an SVG file for free. If you are looking for an advanced icon pack that includes a fully arranged library, this is the set for you.

→ Visit their site Unicons

5. Iconia

As with Unicons, Iconia is a vast collection of consistent icons that work perfectly on Figma. During our testing, we didn’t face any issues downloading the SVG file and using the Iconia icons. With 6 different icon styles and 1300+ icons, this is also one of the largest Figma icon collections.

Even though the Iconia Pro bundle has more than 32k icons, the free version is more than enough to cover your basic prototyping needs. The best thing about Iconia is that all icons are hand-crafted and that the collection was specifically designed for Figma.

If Unicons didn’t include the icon you were looking for, chances are that Iconia will. This is why we use both collections for our Figma projects.

→ Visit their site Iconia

6. Basil

Is the project you’re working on all about minimalism? If so, Basil is probably the best Figma icon collection for you. The bundle includes 500 minimalistic icons that are categorized to make your life easier.

This is one of the most popular icon collections for Figma, and for good reason. Apart from the two styles it offers (outline and solid), Basil has multiple unique icons, glyphs and pictograms you won’t find anywhere else.

→ Visit their site Basil

7. Vitamin

Vitamin is the latest icon set for Figma created by Decathlon. Yet, Vitamin is one of the few collections on the list that’s also available for Android and iOS devices as well. The icons were created by developers for developers. This is exactly what differentiates Vitamin from other collections.

Moreover, the icon set is only one part of the Vitamin design system. In fact, the developers have designed a variety of CSS styles, assets and icons for you to use. When it comes to the icon collections, it has every single minimalist icon you’ll ever need and can be used in multiple ways (SVG, icon font, CSS, etc.).

→ Visit their site Vitamin

8. Majesticons

Majestic looking iconset with 720 free MIT License icons in two styles. Carefully crafted with and for Figma. Change stroke-width, corner radius and colors easily.

→ Visit their site Majesticons

9. Iconyon

Unlike other icon collections for Figma, Iconyon is constantly updated to match every developer’s needs and preferences. New icons are added in the bundle every once in a while, making this one of the most extensive sets on the list.

Iconyon comes with multiple minimalist icons that you can easily import in the Figma editor. From food and technology-related icons to simple shapes and gestures, nothing is left out. Of course, this Figma design icon collection is offered for free.

→ Visit their site Iconyon

10. Ionicons

Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was built for Ionic Framework, so icons have both Material Design and iOS versions.

Iconicons intend for this icon pack to be used with Ionic, but it’s by no means limited to it. Use them wherever you see fit, personal or commercial. They are free to use and licensed under MIT.

→ Visit their site Ionicons

11. Iconoir

Iconoir is one of the biggest open source icons libraries. Iconoir is an open source project built with consistent passion and dedication. No premium icons, no email sign-up, no newsletters. Icons available in SVG format, Font, React and React Native libraries, Figma and Framer.

If you consider this library valuable for you and your projects, Iconoir is worth checking.

→ Visit their site Iconoir

12. Iconmonstr

iconmonstr provides a good amount of free resources for simple icons. There are about 316 collections of icons that are clean and precise in icon design
on a 24-pixel grid.

All the icons are lightweight and are best optimized for web use. It also comes with a search bar, so search for your favorite icon. After selecting the icon you can customize the icon by changing the size, color, and background shape in PNG format.

In addition, icons are available in PNG and SVG formats. You can also embed the icon easily by HTML Snippets in SVG as inline or Base64.

→ Visit their site iconmonstr

13. Coolicons

Coolicons are perfect for use in web and mobile. Support for SVG, your favourite design tool and webfont. Completely free and open source. Natively created in Figma.

→ Visit their site Coolicons

14. IconShock

Last but not least IconShock from Creative Toolkit is one of the most popular icon libraries on the web. It has about 2 million icons with 400+ icon sets in more than 30 styles like Flat, Material, iOS, Glyph, Colorful, Window 10, Revamped Office, 3D Realistic, 3D trendy, Isometric, and many more.

All of the basic icons are available for free in low resolution and you must provide attribution while using these icons.

In addition, they have collected all the free icons which are free and open-source in which you can customize the icon as per your need.

→ Visit their site IconShock