圆润现代风的免费图标库:Eva Icons 开源,UI 框架配套好用

做一套有温度、不冷硬的界面,图标的圆角与笔触起着微妙作用。Eva Icons 是 akveo 团队开源的一套现代风图标库,造型圆润、对比干净,既提供描边也提供实心形态,还附带一批常用品牌标识。它和 ngx-admin、Nebular 这类 UI 框架同源,做后台与中台界面时取用尤其顺手,能快速撑起一套完整且一致的视觉。
它解决什么问题
线性图标太冷硬,界面缺乏亲和力。
后台项目图标零散,凑不齐一套一致的符号。
品牌标识和界面图标分两处找,风格难统一。
核心能力
| 能力 | 具体能做到什么 |
|---|---|
| 圆润现代 | 造型偏圆角与柔和对比,比纯直线图标更有温度 |
| 双形态 | 描边与实心同概念并存,便于表达选中与默认状态 |
| 含品牌标 | 附带常见品牌标识,界面与 logo 可一处找齐 |
| MIT 授权 | 商业项目可免费使用、修改与再分发 |
| 框架配套 | 与 Nebular / ngx-admin 同源,后台项目集成顺手 |
| SVG 优先 | 矢量交付,颜色尺寸可控,适配深色模式方便 |

它更适合「后台与中台」这类信息密集界面
Eva Icons 的视觉重心落在信息密集的后台界面上:圆润的端点、均匀的留白,让它在表格、卡片、侧边栏这种满是文字的区域里不显突兀,反而能把功能入口点缀得清爽。它和 Nebular 设计体系同源,因此当你用那套组件库时,图标几乎可以「无脑」接入,不用再费心对齐视觉语言。
工程上推荐以 SVG 或官方组件形式按需引入,避免整库加载。因为它同时提供 outline 与 fill,做导航选中态时可以直接换形态,比改色更直观。颜色方面把 fill/stroke 接到主题变量上,深色模式切换就是顺水推舟。要注意的是它虽含品牌标,但品牌标识更新往往滞后于官方 logo 变更,正式商用品牌标前最好再核对一次。
同类工具怎么选
| 工具 | 授权 | 差别在哪 |
|---|---|---|
| Iconoir | 开源免费 | 同样圆润现代且无署名负担,总量更大。 |
| Remix Icon | 开源免费 | 更中性现代,分类细致,无需署名。 |
| Feather Icons | 开源免费 | 更极简,适合内容优先型界面。 |
谁适合用
- 做后台与中台界面的前端
- 使用 Nebular 等组件库的团队
- 想要亲和而不冷硬视觉的设计师
怎么开始
- 打开官网预览页,搜索或浏览找到目标图标。
- 下载 SVG 或安装官方组件包,按框架引入。
- 用 outline 表达默认、fill 表达选中,区分交互状态。
- 把颜色接到主题变量,便于深色模式统一切换。
- 只取用实际需要的图标,控制打包体积。
常见问题
能商用吗?
能。MIT 协议,商业与个人项目均可免费使用与修改。
有描边和实心两种吗?
有。同概念提供 outline 与 fill,适合表达选中状态。
能做深色模式吗?
能。SVG 形态用 CSS 变量控制颜色即可跟随主题。
品牌标识能用吗?
可用,但品牌标可能滞后于官方更新,正式商用前建议再核对。
授权与合规
Eva Icons 以 MIT 协议发布,可免费用于个人与商业项目,可修改再分发。 官网:akveo.github.io/eva-icons。
继续找同类资源
这条属于「设计素材」栏目,同栏目还有更多可直接使用的免费资源,可以在 设计素材全部资源 里按需翻阅。
相关资源
同栏目下这几条也常被一起翻到:
↓ 获取资源
点击按钮直接前往资源页面。