It’s been 5 years since I’m designing icon sets for different projects. I just love designing it. There are some rules, that I made for myself, and I would love to share it with you people.
1. Set icon family’s mood
It is very important that you must set a mood for your icon family. It is dependant upon which project you are working for. i.e. Playfulness, Strictly geometrical, Dark, Humorous, etc.
Without consistency, your icon set won’t look from the same family. Use of the same stroke width or same shape style can maintain the consistency of your icon family. i.e. If you are using 2px stroke width then use it throughout your icon family.
Line, filled, or multi-colored choose any style but stick to it till the end. There are countless styles you can make. Mix and match one or two disciplines and you can make your own style. Some styles like Isometric, 3D Style, Line and filled, Duotone, Three tones, etc.
4. Use of grid
The use of a proper grid makes your icon technically and visually perfect. A grid can maintain an icon’s consistent size throughout the project. Adding any new icon to the family is not a problem here.
Remember, no grid, no icon
5. Pixel perfection
This is a technical aspect of an iconography. Icons are small in size (Roughly 24px x 24px or even less) so, it is very important that they should be pixel perfect. There are some exceptions in this case. Some icon designs can’t be pixel perfect, so we can play with stroke size or alternate version of the icon.
This thing is easy to understand, but hard to master. Always think of how you can make an icon in minimum stokes and shapes. Even with fewer elements in an icon, it should be recognizable.
Less is more
Learn more about icons here.
System icons are designed to be simple, modern, friendly, and sometimes quirky. Each icon is reduced to its minimal…
It’s always better to see references. Have a look at these links. I personally follow them a lot.
The most diverse collection of icons ever. Download SVG and PNG. Millions of free icons or unlimited royalty-free icons…
Let me know your thoughts. Thanks