Member-only story

UI cheat sheet: Icon categories + icon style reference guide

Tess Gadd
UX Collective
Published in
21 min readJan 20, 2021
Cover image

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:

  1. Defining icon categories
  2. Icon sizes
  3. Icon Categories
  4. 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.

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Responses (8)

Write a response

Awesome! Thanks a lot!

--

Wow! Amazingly detailed. Thank you so much for putting this together 😍

--

Thank you so much for write this 👏

--