Icon Zoo: Simplifying Icon Work for Design and Development
summary
Igor describes how VKontakte organized icon usage across many repositories and teams to eliminate duplicates and simplify updates and cataloging. He explains frontend icon patterns and presents a practical solution using SVGs processed with SVGR for React/TypeScript, while also supporting legacy PHP backends.
AI-written summary · about
chapters (15)
- 0:00Welcome
- 1:25Introduction
- 2:28Past icon problems
- 5:52Icon duplication chaos
- 7:17Centralizing icons
- 10:35Repo management
- 13:27React icon components
- 16:42Rendering optimization
- 18:28Against ready-made tools
- 19:54Private icons raster formats
- 22:27Migrating icon system
- 23:33Repo access control
- 24:17Icons in other projects
- 25:44Summary
- 27:31Q&A
related talks
47mThe Icon Design Process
44mIcons and How They Are Prepared
47mBuilding Author Friendly Icon Systems in Drupal
46mLets Design an Icon Set
27mDesign Tokens and You
38mMastering the art of crafting code-aligned UI kits
15mModern Approach to Designer ❤️ Developer Collaboration
40mCreating illustration Systems that Work for Everyone