Designing an icon might appear super easy, perhaps because of the size of it, some people may think there’s only minimal work involved.
Very recently, I was working on a set of icons for WordPress.com’s Reader. For the uninitiated, Reader is a tool for you to be able follow all your favorite sites (even ones that aren’t on WordPress.com) and find great new reads conveniently in one place.
We have our own icon set called Gridicons and our guidelines, I would say, are slightly stringent — which is a good thing as it helps ensure uniformity and consistency. Take for example how we need to make sure that it stays within the 24dp grid and that angles be kept at 45 degrees.
Contributing to the Set
These were some of Reader’s current icons. One is the main Reader icon, the rest are “Follow site”, and “Following” a site (which I had created a while back), Comment, and Conversations.
What we needed were new icons (Follow and Following Conversation) for Conversations, a new feature we are currently working on where you can follow comments that are happening within a post.
I quite liked the uniqueness of our current Comment icon so I tried to make it work using the same plus signs that are in Follow/Following, flipping the icon, moving the plus sign around, etc. but it just wouldn’t work!
So I had to redo it and make the pointer more angled and sharp because it was the only it would work for all different variations of the bubble.