A new workshop from Miggi and Alex on making icons in Figma. “In this workshop, we will explore various ways to leverage vector shapes, boolean operations, the pen tool, and more to create reusable icons. These skills can also be applied to producing graphics, illustrations, logos, and other designs that can be used across different platforms.”
Quick access to a library of 287 free open-source Feather icons.
“Winner of the best graphic resource in 2022 by Figma. The largest icon, illustration, emoji and element sets in the world, now available within Figma and FigJam.” Offers generous free tier with 1,000 essential vector icons for UI work.
That’s a pretty neat idea: “We believe that developing a solid connection between icons and fonts is one way we can provide our products with a polished sense of beauty, a better user experience, and in some cases even, perhaps better functionality.”
A new set of beautiful SVG icons crafted in Figma. The free preview includes 100 basic icons.
600 icons in 17 categories designed on a 24px grid by Daniel Wodziczka ($7).
“With this Figma Plugin for Iconduck, you can search through 300,000+ free icons, emojis, illustrations, logos, flags, graphics, and clipart to find the perfect vector or SVG for your project.”
Sepeda Rafael breaks down some aspects of the organization of the icon library and shares techniques that help avoid problems with the future support of the library as a part of the design system.
Laura Reyes designed a free icon set in a linear style, and now working on animated icons.
Impressive library of 1,311 free icons! “A high-quality selection of free icons. No premium options or sign-ups. Your new alternative to Noun Project, Flaticon, and all Figma resources. Available in SVG, Font, React, React Native, Flutter, Figma, and Framer.”
Ana is building off of her tip on creating nested icons that preserve color overrides, and now makes them duotone.
A library with 1,680+ icons. The free version includes all icons in one of four available styles.
Steve Schoger shows how to draw a fingerprint icon using the full power of Figma’s vector networks.
✨ How to draw a fingerprint icon in @figma pic.twitter.com/s6iKbz94RF
— Steve Schoger (@steveschoger) November 3, 2022
Microsoft Design refreshed their entire library of Fluent Emojis last year, and now they’re open-sourcing them on Figma Community (see also parts 2 and 3) and GitHub. A staggering amount of work went into this set of 1,538 emojis and it’s definitely worth exploring. Every icon is available in multiple variants — 3D, flat, and high contrast. Beautiful work!
Bonnie Kate Wolf designs pictograms for Netflix in Figma.
Designing pictograms for @netflix in @figma
— Bonnie Kate Wolf (@bonniekatewolf) August 2, 2022
Somebody pinch me! pic.twitter.com/Z6U1DZR2Ku
A great set with over 2,150 free and open-source icons.
Rogie comes to the rescue and explains how to preserve a fill color when icons are overridden and swapped. It’s worth keeping a layer name consistent across icons in the library if you plan to use them in different colors.
To get icon colors to preserve when they are overridden and swapped, you need to make sure that your layer names are the same. You'll see in this gif that add_circle and add_shopping_cart have the same layer name...that's how Figma knows to apply the override as you swap. pic.twitter.com/io8DZFtgBQ
— ˗ˏˋrogieˎˊ (@rogie) July 29, 2022
A collection of 500+ free icons across 3 styles by Flowbase.
Vijay Verma’s massive collection of 3D icons is now available as a free plugin.