
For those that don’t know, Jon Hicks is a British designer who has been creating some of the web’s most noteworthy icons over the last decade. For this book – which weighs in at 330 pages – Hicks has partnered with independent publisher Five Simple Steps to present what the author refers to as a ‘manual, reference guide, and coffee table book’. (A laudable undertaking, indeed.)
And, before I continue with this review, it’s worth noting that I’ve only had access to a PDF of the book, which was kindly provided by Mark Boulton at Five Simple Steps. I’m sure the print version will meet the high production values of previous Five Simple Steps books, but I’m going to concentrate on the content and design in this review.
Dive in!
When you get hold of a new book, especially one aimed at improving your skill set, it’s incredibly easy to skip past any forewords and introductions. However, in the case of The Icon Handbook, doing this will severely detract from your enjoyment. The foreword, by Edward Boatman from the Noun Project, offers up the perfect introduction to icons. In just a few hundred words, Boatman manages to convey the importance of icons throughout the ages. Next up, Hicks’ introduction provides a small insight into an obsession with icons that started from a very early age. The cultural references are quintessentially British – overseas readers will probably have to Google Michael Fish and the I-SPY spotter’s guides – but it’s great to see that these references weren’t edited out of existence (kudos goes to the book’s editor Chris Mills for that).
Design
It’s pointless beating around the bush here, The Icon Handbook looks gorgeous. Text is presented in a single column, and – thanks to a sympathetic character count per line – is a pleasure to read. The main body of the book is black text on a white background, with section colours used for interviews, case studies, and tutorials (which help break up the main body of the book). As you would expect, no corners have been cut with the supporting imagery, and the care and craft taken in producing this book is apparent on every page. This is a book for designers, by designers.

The Coda interview from The Icon Handbook
History and usage
The first two chapters of the book cover a brief history of icons. In the first chapter – A Potted History of Icons – Hicks explains the differences between pictograms, pictographs and petroglyphs, and reveals how the use of icons goes back 5000 years. This may seem unnecessary exposition – isn’t this book for those people working in digital, after all? – but these initial chapters aren’t just enlightening, they’re essential, and help instill the importance of conveying concepts via iconography. Add to this a number of case studies and interviews – including a Q&A with UI legend Susan Kare, and an insight into how McDonald’s beat global language barriers – and the stage is set for an enjoyable and educational journey through icons (especially those in the desktop and mobile landscape). And, even if you’re not a designer, discovering that the owl (widely regarded in the West as a symbol of intellect) is seen by many in Asia as a representation of stupidity is bound to come in handy one day. Maybe.
Favicons and metaphors
Chapters four and five cover favicons and icon metaphors, and it’s at this point that we start seeing more practical advice come to the fore. Hicks goes through the best apps for creating favicons, and provides a number of tips and guides for getting the best possible results. As always, purely pracitcal tips – such as avoiding perspective in favicons – is followed by typical insight from Hicks, such as the (obvious when you think about it) point that the BBC’s favicon is completely unworkable (as its logo renders poorly at small sizes, and also doesn’t have an element that can be issolated and enlarged). This mix is maintained throughout the book, and ensures that you never get bogged down in theory.
The next chapter looks at metaphor, and explores how you go about tackling client briefs. Hicks reveals the importance of nailing down what an icon is going to be used for, establishing its context, and also identifying who is going to be using the icons you create. Finding a metaphor can be fairly simple for tried and tested use cases, but what happens when you’re struggling for inspiration? Hicks has it covered, as he reveals his primary resources for establishing metaphor, including Google Images, The Noun Project and other online tools. It’s when there are no standards that things start to get difficult, and Hicks shows how mind maps can help you establish your very own standards from scratch.

The book contains practical advice on using colour and more!
Drawing, formats, and apps
As the book progresses from theory to more hands-on advice – including a number of tutorials – Hicks explores the rules of drawing, and goes into more detail on subjects such as export options, scaling, and the use of perspective in icons. Do you know your dithers? If you don’t, Hicks has that covered. Very little code appears in the book, but as Hicks begins to outline the various formats in which you can present icons, things get a little more technical, with sections covering CSS sprites, Canvas, Data URIs, using icons as fonts, CSS3 masks, and how to code pure CSS3 icons.
The final chapter looks at app icons, and it’s at this point that the difficulty level rockets through the roof. Creating flat favicons and interface icons is one thing, but moving into a 3D rendering app is – for some – a step too far. But it shouldn’t be. Hicks makes the jump seem a fairly painless one, and interviews with Bartelme Design and David Lanham (of Coda fame) provide an insight into what it takes to create the best application icons. At the end of this chapter Hick covers the various travails of exporting and testing, and before you know it you’re floating around the Appendix, scribbling down URLs and Android pixel densities!
Conclusion
I love this book. As I was reading the introduction I admit to being slightly sceptical about its claim to be a ’manual, reference guide, and coffee table book’ all in one. But that’s exactly what it is. Congratulations go to Jon Hicks, Five Simple Steps, the book’s editor Chris Mills, and everyone else that had a hand in its production. If you’re interested in icon design for desktop and mobile then The Icon Handbook is for you!
You can find an extract from the book over at .net magazine’s website, on creating the perfect favicon.
The Digital Edition (PDF, ePub, .mobi) of the book is available now, and/or you can also pre-order the paperback, which will be out in January 2012.