Orion Icon Library 提供哪些风格和格式的图标?
更新时间
Orion Icon Library 是一个在线图标工具与图标库,提供 Line(线性)、Solid(实心)、Color(彩色)、Flat(扁平)四种风格的图标,可导出 PNG、SVG 和 Sprites(雪碧图)。图标支持调整描边粗细和颜色,风格统一、可读性强,适合需要成套图标保持一致视觉的项目。免费方案包含 3415 个手工绘制的矢量图标,可创建个人收藏集;需要无限图标与收藏、新图标、免署名许可和设计源文件时,则对应其 Pro 方案。
四种图标风格
网站把图标风格分为四类,可在应用内切换查看:
| 风格 | 特点 | 典型用途 |
|---|---|---|
| Line | 线性描边,线条清晰 | 导航、按钮、表单等界面元素 |
| Solid | 实心填充,视觉重量大 | 强调操作、小尺寸显示 |
| Color | 带色彩,表现力强 | 功能入口、状态提示 |
| Flat | 扁平色块,简洁 | 卡片、列表、信息展示 |
四种风格共享同一套绘制规范,因此混用同一套图标时不会出现线条粗细、圆角或比例不一致的问题。官网强调图标是"drawn with care and time",即逐个手工绘制,以保证风格精确统一。
可调整的参数
图标不是固定图片,而是可交互调整的矢量资源:
- 描边粗细:线性风格图标可改变 stroke weight,适配不同字号和界面密度。
- 颜色控制:可修改图标颜色,使其匹配项目配色。
- 风格切换:同一图标可在 Line、Solid、Color、Flat 之间切换,便于在同一项目中按场景选用。
这意味着你可以先用一种风格设计界面,后期需要更强对比时换成 Solid,而不必重新找图标。
导出格式
网站支持三种输出形式:
- SVG:矢量格式,可无损缩放,适合网页和需要二次编辑的场景。
- PNG:位图格式,适合不支持矢量的环境或需要固定尺寸的场合。
- Sprites:把多个图标打包成雪碧图,减少网页请求数,适合图标使用量较大的站点。
免费与 Pro 的差别
官网列出的方案信息如下:
| 项目 | Free | Pro |
|---|---|---|
| 图标数量 | 3415 个手工矢量图标 | 无限图标与收藏 |
| 新图标 | — | 2599 个新图标 |
| 许可 | 未说明免署名 | 无需署名(no attribution required license) |
| 设计源文件 | — | 提供 |
| 收藏与同步 | 可创建个人收藏 | 保存、同步、上传并共享图标库 |
免费方案足以覆盖常见界面图标需求;如果项目需要商用且不希望标注来源、需要源文件做深度定制,或团队要共享同一套图标库,Pro 更合适。具体价格与登录要求官网未在资料中说明,使用前建议在站内确认。
适合什么项目
判断是否选用,可以对照以下几点:
- 需要成套统一图标:四种风格同源,适合后台系统、App、官网等需要大量图标且要求视觉一致的界面。
- 需要按主题调整:能改描边和颜色,适合有品牌色或多主题切换的产品。
- 需要多种交付格式:同时要 SVG 给前端、PNG 给文档或设计稿、Sprites 给性能敏感页面时,一个来源即可满足。
- 只是偶尔用几个图标:免费方案即可,无需为少量需求升级。
如果你的项目对图标有特殊行业含义(如医疗、金融专用符号)或需要完全自定义造型,则需评估其图标覆盖范围是否足够,必要时结合源文件自行修改。