Fundamentals of Icon Design Why am I talking about icons, exactly? Icons are like microcosms of a product or a brand. Through what they depict and how they depict it, you can glean a lot about a product, how it functions, and how interacting with it might make you feel. By MetaLab
7 Principles of Icon Design Creating a high-quality icon family requires a thoughtful approach, a trained eye, a bit of iteration, and a lot of practice By Helena Zhang
A complete guide to iconography Icons are a crucial part of any design system or product experience. Icons help us quickly navigate. They are language-independent By Bonnie Kate Wolf
Better Icon Design in 6 Easy Steps The steps follow the basics of sound icon design and should be seen as a guide, not a dogmatic rule book. The savvy designer knows when he or she can break the rules for the greatest benefit By Scott Lewis
History of Icons History of computer icons through different graphical user interfaces in different operating systems By Futuramo
The Designer's Guide to Icons This guide is constructed to help designers build out their own icon set that can help them deliver on their vision. It’s filled with useful tips, best practices, and guides on how we do things here at Headway By Billy Sweetman
The Issue of Diversity in Icon Design Do we have the right icons at hand to represent all humans? By Monica Matei
Animate an SVG icon in After Effects CC Learn how to go from a static icon to a fun animation using Illustrator CC and After Effects CC By Luke Roberts
How to Design an Icon Set: Simple Checklist for Graphic Designers The article shows all the process of icon creation step-by-step and provides you with a basic checklist what to review in a newly created icon. Check the tips on icon set creation for graphic designers. By Icon8
The Ultimate Guide to a Flat Icon Set Creating monochrome icons for user interfaces By Slava Shestopalov
Optical Effects in User Interfaces How to make optically balanced icons, correct shapes alignment, and perfect corner rounding. An illustrated guide By Slava Shestopalov
Intro to Icons Learn the fundamentals of icon design in one hour. Learn the three traits all icon sets need, learn to use basic shapes for complex icons, learn how to manipulate SVG code, and more. By Matt D. Smith
Icons in Motion We interviewed Salih Abdul-Karim, Airbnb’s design lead and animator, to learn how he turned Noun Project’s icons into moving animations with a new tool called Lottie By Lingo Team
Icon Design Guide by Icon Utopia Free icon design guide includes everything you need to know about icon design to get started. Create your very own icon set after reading this free guide. By Icon Utopia
Create a Set of Scalable Flat Robot Icons in Adobe Illustrator In this tutorial I will guide you through the process of creating four flat style robot icons in Adobe Illustrator By Yulia Sokolova
Designing the Iconified Icon Set Before the first bezier is curved in a new icon set, decisions have to be made about the type of use, the size at which the icons will be used, and what style of icon is to be made By Scott Lewis
Create Perfect Dashed-Line Circles in Adobe Illustrator In this short article I will show you how to calculate the dash and gap values to create perfect dashed lines every time By Scott Lewis
The best resources for Learning Icon Design
Webflow
Framer
Sketch
Figma
Design Systems
3D Design
Motion Design
Interface Design
UX
Design
Prototype
Color Design
Illustration
Typography
Adobe After Effects
Adobe Illustrator
Adobe Photoshop
Invision Studio
Adobe XD
ProtoPie
