用途：指导在界面中按 Material Design 3（M3）规范使用 Material Symbols——Google 的可变字体图标系统，提供 2500+ 图标，可通过字体变化轴动态定制。
主要能力：Material Symbols 提供 Outlined（默认，轻量）、Rounded（柔和）、Sharp（几何精确）三种风格；支持四个可变字体轴：FILL（0–1，轮廓到填充）、wght（100–700，笔画粗细）、GRAD（-25–200，不改变尺寸的微调粗细）、opsz（20–48，按尺寸优化笔画）。标准尺寸为 20dp、24dp、40dp、48dp，并对应 opsz 取值。图标颜色使用 M3 颜色令牌（如 on-surface、primary、error），并可从父元素继承。可用 FILL 过渡表示选中状态，用 GRAD 调整深色模式对比度。
使用方式：通过 Google Fonts 加载字体样式表，例如 href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"；在页面中使用 <span class="material-symbols-outlined">home</span> 等类名调用图标；通过 CSS 的 font-variation-settings 设置各轴，通过 font-size 与 opsz 控制尺寸，避免使用 transform: scale()。
适用场景：按钮、导航、FAB、标签页、复选框、收藏/书签等需要统一图标风格与状态表达的界面。
限制与要求：同一界面只使用一种图标风格；不要用图标替代关键操作或主导航的文字标签；独立交互图标需提供 aria-label，装饰性图标加 aria-hidden="true"；图标按钮触控目标至少 48×48dp；图标不应小于 20dp；不要仅靠颜色传达状态。资料未提供该技能的安装命令、收费或平台限制等信息。