Material Design 3 Icons and Material Symbols

Overview

This skill guides the implementation of Material Design 3 (M3) icons using Material Symbols — Google's variable font icon system that provides 2,500+ icons with dynamic customization through font variation axes.

Keywords: Material Design 3, M3, icons, Material Symbols, variable font icons, icon guidelines, icon accessibility, icon sizing, filled icons, outlined icons

Core Principles

Icon Philosophy

M3 icons are designed to:

1. Communicate Clearly: Icons should be instantly recognizable and universally understood
2. Adapt Dynamically: Variable font technology enables real-time customization
3. Support Theming: Icons adapt to M3 color and sizing systems
4. Enhance Accessibility: Icons supplement (never replace) text labels for critical actions
5. Express Brand: Icon weight, fill, and style can be tuned to match brand personality