The Icon Design Process
summary
Argues that icons must be designed end-to-end with measurable decisions: choose a metaphor, draw for specific pixel grids (16/32 px), and export as SVG rather than bitmaps; shows tools used—Illustrator (noting a 100‑artboard export limit), Sketch and Inkscape—and explains deployment tradeoffs between icon fonts (color and rendering problems, Opera Mini gaps) and SVG. Demonstrates a build step using grunticon that outputs CSS/data‑URL fallbacks (used by Lonely Planet) and reports SVG + careful optimization as the practical, working solution.
AI-written summary · about
chapters (4)
related talks
44mIcons and How They Are Prepared
46mLets Design an Icon Set
22mCrafting better App Icons
22mTroubleshooting your designer's, and vector graphics
46mIcon Zoo: Simplifying Icon Work for Design and Development
18mThe space-filling curve of design
22mDesigned. an introduction to design for developers
48mAdaptive Icons: Case Studies & Principles of Design