The aim of this personal project has been to design a consistent line style icon set. The system can grow infinitely thanks to the creation of a strong style and detailed guidelines. It has more than 8000 downloads in Figma community!
See it in Figma
Each icon has been reduced to its minimal form. All of them have been designed based on the guidelines defined by the basic shapes: square, circle and rectagle.
Circle: 18px
Square: 18px
Rectangle: 16x20px
Icons have been organised in 10 different collections and named: Collection / Name / Size / Mode.
General
Layout
Edition
Social
Medical
Food
Travel
Tech
Media
Business
Some icons have been animated based on animation guidelines. Animations are useful to emphasize different states or to call the users attention.
Design: Figma
Animation: Affter effects
HTML: Lottie
AEUX is an useful plugin to import designs from Figma to AE. Using Lottie developers can implement complex but low weight animations in seconds. Animations will be available for download soon!
Every icon set is different. However, if it is built based on strong rules, designs can be done faster and icons will have an amazing style consistency.