Building Author Friendly Icon Systems in Drupal
summary
A recent project consolidates icon usage by treating icons as media entities in Drupal so authors browse the Media Library, tag and filter icons, and swap SVGs without code. Implementation uses the Media Library, SVG Image field formatter, a small Twig helper (utility belt), and the Icons API extractor to expose media as icon sources; three icon bundles (decorative, UI, tiled) enforce where icons may be used. Result: much better author UX, heavier developer setup and lingering form-element edge cases.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:06Why icon systems matter
- 6:22Two worlds of icon systems
- 10:15Moving icons into media
- 21:57Developer trade-offs and forms
- 33:20Front-end consumers and CSS
- 43:57Q&A and closing
related talks
44mIcons and How They Are Prepared
47mThe Icon Design Process
46mIcon Zoo: Simplifying Icon Work for Design and Development
37mDesigning Accessibility for Other Developers
46mLets Design an Icon Set
01h 00mBuild It Better, Stupid: Using Design Systems for Scalability
47mEnvisioning a Design System Maintained by the Drupal Community
33mPower to the authors! Toward achieving fast, flexible visual content authoring