Member-only story
UI cheat sheet: Icon categories + icon style reference guide

Icons are just the best. I love them almost as much as I love buttons. But, one of the problems with icons is that we don’t really know how to speak about them. And this is especially hard for people who have little graphic design experience.
So, my focus for this cheat sheet will help give us all a common understanding of the different types, categories and styles of icons. Grouping icons is not an exact science, but this is my interpretation/suggestion on how best to do it.
In this cheat sheet we will cover:
Categorising icons:
- Defining icon categories
- Icon sizes
- Icon Categories
- Icon ingredients
Icon style references:
5. Small icons style reference
6. Big icon style reference
7. Closing thoughts
1. Defining icon categories
There are different ways of categorising icon styles; you can look at subject matter, colour palette, size, era, how it was created, cultural context, aesthetics and more. The main problem when categorising icons is that there is a lot, and I mean a lot, of overlap and not a lot of specificity.