SitePoint
Blog
Forum
Library
Login
Join Premium
Toggle sidebar
The Icon Handbook
Toggle community discussions
Close
Content
Bookmarks
Preface
The Icon Handbook
Acknowledgements
Image Credits
Foreword
Contents
Introduction
What is an icon?
References
1
A potted history of icons
How I started
Susan Kare’s original icons for the Macintosh System Software 1.0
Continuing my journey
How we use icons
User workflow
Overcoming language barriers
McDonald’s nutrition icons
Expressing emotion
New Skype emoticons
Icons as souvenirs
Gowalla
Everything in moderation
Summary
Favicons
Before you start
Drawing at 16 pixels
Five Details favicons
Summary
The metaphor
The brief
Finding the metaphor
Stephen Horlander’s RSS icon
Starting from scratch
Using combinations
Using colour
The exception to the rule
Summary
Drawing icons
Rules for drawing
Tools
Sizing
Drawing for balance and consistency
Drawing for scaling
How much detail to include?
Draw, pardner! Getting practical
Drawn icon set
Step 1: What icons do I make?
Step 2: Making ’em
Step 3: Converting to shapes
My three trade secrets
Using colour
Draw, pardner! №2: This time in colour!
DoubleTwist icons by Sebastiaan de With
Summary
Icon formats and deployment The technical guide
Modern challenges of icon creation
Image formats
Displaying icons on websites
Pictos font
Peculiar icons
Summary
Application icons
Resolutions
LittleSnapper icon (Bartelme Design)
Metaphor
Process
Jono Hunt (Iconaholic)
Application icon process drawing inspiration from others
Coda icon
Windows Vista icons
Kaleidoscope icon by Sofa
Exporting and testing
Conclusion
Appendix
Common icon badges
Drawing and creation tools
Icon utilities
Icon reference chart
Open text modal
Community Questions
Close