Iconsax 界面图标库

为什么图标会“看起来不对劲”

一个界面的图标往往不是被“画坏”的，而是被拼出来的：导航栏用了框架自带的默认图标，工具栏从某个开源包里随手挑了几个，设置页又抄了另一套线性图标。单看每一个都没问题，放在一起就会暴露问题——描边粗细不一致、圆角语言不统一、有的填色有的不填色、视觉重量忽重忽轻。结果就是界面显得廉价，而用户说不清具体差在哪。

这类问题很难靠“再调一版”根治，因为缺少一个贯穿全局的决策：到底用哪一套图标、哪一种风格。

这个技能解决什么

该技能基于 Iconsax 图标库，把“选哪套图标、用哪种风格”变成一个显式的、可执行的步骤，而不是凭感觉随手挑。它面向设计与开发协作的场景，目标是让导航菜单、工具栏、操作按钮这类高频控件拥有统一且高级的视觉表现。

核心能力包括：

• 风格选择：在三种风格中挑一种作为项目基调

- Linear：极细线条，适合强调留白与清晰的极简界面
- Bold / Bulk：实心重量感，适合深色模式与需要强调的操作区
- Two-tone：双色叠加，适合需要强品牌识别、彩色区分的场景

• 查找或生成：先在库中搜索现成图标；找不到时，通过 Iconsax AI 生成贴合同一风格的定制变体
• 落地集成：以 SVG 或 web component 形式接入，统一尺寸与对齐

执行流程

1. 明确语义：先确定这个图标要表达什么概念，而不是先看长得好看不好看
2. 选定风格：根据项目调性在三种风格里选一种
3. 查找或生成：命中库中图标就直接复用；不存在则生成定制图标
4. 接入实现：输出 SVG 或 web component，按标准网格尺寸对齐

技能内置了一条硬性约束：不要使用常见的、通用的或框架默认图标，每个图标都应当是被刻意选择的。同时要求在单个项目内只使用一种风格，避免混搭。

适用边界与注意点

这套技能的价值集中在“界面图标的风格统一”这一件事上，并不覆盖完整设计系统的搭建——颜色体系、字体层级、间距规范仍需另行定义。

它的输出不能替代环境相关的验证：图标在不同平台、不同分辨率、深色与浅色模式下的实际表现，需要自己走查或测试。

如果任务本身没有说明需要哪类图标、目标平台是什么，或成功标准缺失，应当先停下来澄清，而不是默认套用某一种风格。