陈同学
陈同学
发布于 2026-04-03 / 5 阅读
0
0

图标网址推荐


设计图标库选择参考(内容整理)

一、常用图标库简介

以下整理了九个实用的免费图标库,每个库都附有核心信息和选择建议,方便项目决策。

  1. Remix Icons

    • 链接https://remixicon.com/

    • 图标数/授权:3200+ 个图标,采用 Apache 2.0 协议,可免费商用。

    • 特点:线条带点棱角,有 Outline 和 Solid 两种风格,覆盖类目非常全面(如文件类型、设备、天气等)。

    • 适用场景:需要图标覆盖范围广的通用型项目。

  2. Tabler Icons

    • 链接https://tabler.io/icons

    • 图标数/授权:近 5000 个图标,采用 MIT 协议。

    • 特点:数量庞大,风格干净中性,UI 场景覆盖全面,是稳妥的选择。

    • 适用场景:不知道用什么时,可当作可靠、不出错的“保底”选项。

  3. Phosphor Icons

    • 链接https://phosphoricons.com/

    • 图标数/授权:9000+ 个图标,采用 MIT 协议。

    • 特点:规模极大,是免费库中的“航空母舰”。提供 Outline、Solid、Duotone 三种主风格,且 Outline 有四种粗细可选。

    • 适用场景:构建设计系统,需要一套图标满足各种粗细、风格和状态的所有场景。

  4. Heroicons

    • 链接https://heroicons.com/

    • 图标数/授权:316 个图标,采用 MIT 协议。

    • 特点:由 Tailwind CSS 团队出品,图标质量高,风格圆润友好。缺点是数量较少且更新不频繁。

    • 适用场景:追求精品、高质感,特别是与 Tailwind CSS 搭配使用的项目。

  5. Lucide Icons

    • 链接https://lucide.dev/

    • 图标数/授权:1668 个图标,是 Feather Icons 的社区分支。

    • 特点:线条比 Heroicons 更细,显得更轻盈。Shadcn UI 默认使用此库。目前只提供 Outline 风格。

    • 适用场景:偏好纤细线条风格,或正在使用 Shadcn UI 组件库。

  6. Ming Cute Icons

    • 链接https://www.mingcute.com/

    • 图标数/授权:3000+ 个图标,采用 Apache 2.0 协议。

    • 特点:类目设计有趣,除了常规 UI 图标,还包含建筑物、食物、身体部位等非常规图标。

    • 适用场景:需要一些特殊、有趣或特定领域的图标。

  7. Iconoir

    • 链接https://iconoir.com/

    • 图标数/授权:1500+ 个图标,采用 MIT 协议,可直接下载。

    • 特点:风格简洁现代,只有 Outline 版本。其图标曾出现在 HBO《西部世界》第四季中,并原生集成于 Framer。

    • 适用场景:追求简洁线条的设计,或使用 Framer 的设计师。

  8. Material Icons

    • 链接https://fonts.google.com/icons

    • 图标数/授权:2000+ 个图标,采用 Apache 2.0 协议。

    • 特点:谷歌官方出品,是 Material Design 标准的一部分。最大特点是可定制性极强,可在 Figma 插件中直接调整 Optical Size、Weight、Grade 等属性。

    • 适用场景:开发遵循 Material Design 规范的应用。

  9. Glow Icons

    • 链接https://www.glowui.com/icons

    • 图标数/授权:442 个图标,采用 MIT 协议。

    • 特点:数量不多,但都是 UI 中最常用的图标,Outline 和 Solid 两种风格匹配良好。

    • 适用场景:希望“开箱即用”,不想在图标选择上花费过多时间的项目。

二、核心选择建议

  • 选择顺序:图标库并非越大越好。选择时,先看设计风格是否与项目匹配再看授权协议是否清晰可商用,最后才考虑图标数量是否足够。

  • 风格选用

    • Outline vs Solid:在背景复杂、信息密集的页面,可优先使用 Outline​ 图标,让视觉更“透气”;在需要强调的主要操作按钮上,可使用 Solid​ 图标来抓取眼球。

    • 当前主流审美倾向于优先使用 Outline 风格,以保持界面的简洁与现代感。


评论