图标

Icon

样式与 CSS也叫：Icon、图标库、SVG 图标、字体图标

一句话：用简洁的小图形表示操作或含义，比如放大镜表示搜索、垃圾桶表示删除，通常来自统一风格的图标库。

详细解释

图标能节省空间、帮助快速识别，前提是含义大家都懂。放大镜、齿轮、垃圾桶、加号这类通用图标可以单独使用；含义不明显的图标最好配上文字，或至少加悬停提示。只有图标的按钮要加 aria-label 说明用途，读屏软件才能读出来。

主流做法是用 SVG 图标库，按需引入，可以随意改颜色和大小。常见的有 Lucide、Heroicons、Tabler Icons、Material Symbols，shadcn/ui 默认用 Lucide。一个项目只用一套图标库，保证线条粗细和风格统一，不要混用 emoji。

尺寸常用 16px、20px、24px 三档，颜色一般跟随文字颜色（currentColor），和文字并排时要垂直居中。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

请统一使用 lucide-react 图标库：按钮里的图标 16px，和文字间距 6px 并垂直居中；只有图标的按钮（编辑、删除、更多）加 aria-label 和悬停文字提示；图标颜色跟随文字颜色，不要混用 emoji。