一个入口比较多套开源图标
Iconify 将大量图标集放在统一搜索界面中,输入 download、settings 或中文对应概念,就能比较线性、填充、品牌和像素等不同风格。它特别适合产品原型和开发阶段快速找图标,而不用逐个打开各图标库网站。
聚合方便不代表所有图标许可相同。选中图标后要查看所属集合、许可证和署名要求,尤其是品牌 Logo 与商标。项目中最好固定少数图标集,避免每个按钮线宽、圆角和视觉重量都不同。
先确定风格,再搜索具体名称
界面图标不是越精致越好。先根据字号、控件尺寸和目标平台选择线宽与填充风格,再在同一集合内搜索。找不到完全对应时,优先使用用户熟悉的通用符号,不要为了特别而引入难懂图形。
- 常用操作统一线宽、视图框和视觉尺寸;
- 图标按钮提供文字标签或可访问名称;
- 不要仅用颜色区分危险、成功和禁用状态;
- 导出前记录图标集与许可证来源。
复制 SVG 和使用组件各有取舍
少量静态图标可复制 SVG 到项目并自行优化,能控制最终代码和缓存;大型应用使用 Iconify 组件或构建集成更方便,但要避免在客户端加载整套图标和不必要运行时。
无论采用哪种方式,都检查最终页面的网络请求和打包体积。开发时“可以显示”只是起点,生产环境还要控制资源数量、缓存和首屏渲染。
图标需要在真实控件里检查
同一个图标在目录页里很漂亮,放到 16 像素按钮中可能细节糊成一团。把候选图标放进导航、表格和移动端实际尺寸,比较清晰度、点击区域和文字对齐,再决定最终版本。
若下载的是 SVG,可再用本批次收录的 SVGOMG 清理冗余信息,但不要删除项目依赖的 viewBox 和颜色属性。建立统一图标组件后,今后替换和无障碍维护都会更容易。
