27517 shaares
Lea Verou propose de traiter les icônes d’interface comme des design tokens gérés en CSS, plutôt que de multiplier les SVG inline dans le HTML. Son approche repose sur des variables personnalisées, des pseudo-éléments et des masques CSS, avec des propriétés comme --icon, --icon-start ou --icon-end. Elle met en avant une meilleure cohérence, moins de boilerplate, des adaptations réactives aux états, thèmes et media queries, tout en conservant une solution de repli pour les navigateurs plus anciens.