Icon system, Component libraries, Theme switch component, UI components with SVG and CSS

Build beautiful products together. Start 2022 with Harmony - Learn from organizations like Disney and Microsoft on how their design teams collaborate with the entire company at the Harmony Summit. - Zeplin  Sponsored

Spotify Design: Refreshing our icon system - Our current suite of icons has been with us since the last redesign in 2016 – and while they’ve served us well, recently, we identified a need to update them, bringing them in line with the evolution of our visual language. - Andreas Holmström, Rob Bartlett, Spotify Encore Team / filed under Icon Design

Crafting component libraries: The elements - Component libraries enable interfaces to be defined through individual building blocks that can be composed together to form a greater whole. The net result is an adaptable visual language that unlocks greater consistency, efficiency, and scalability. - Jon Yablonski / filed under UI Design

Building a theme switch component - A foundational overview of how to build an adaptive and accessible theme switch component. - Adam Argyle / filed under HTML & CSS

Building UI components with SVG and CSS - SVG isn’t only about icons and illustrations, it has lots of hidden power we developers sometimes forget about. There are lots of use-cases where using SVG makes lots of sense compared to CSS. - Ahmad Shadeed / filed under SVG