跳到内容
分享网

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

设计素材 Web 6 小时前更新 浏览 4 ↓ 直达下载

做一套有温度、不冷硬的界面,图标的圆角与笔触起着微妙作用。Eva Icons 是 akveo 团队开源的一套现代风图标库,造型圆润、对比干净,既提供描边也提供实心形态,还附带一批常用品牌标识。它和 ngx-admin、Nebular 这类 UI 框架同源,做后台与中台界面时取用尤其顺手,能快速撑起一套完整且一致的视觉。

它解决什么问题

线性图标太冷硬,界面缺乏亲和力。

后台项目图标零散,凑不齐一套一致的符号。

品牌标识和界面图标分两处找,风格难统一。

核心能力

能力 具体能做到什么
圆润现代 造型偏圆角与柔和对比,比纯直线图标更有温度
双形态 描边与实心同概念并存,便于表达选中与默认状态
含品牌标 附带常见品牌标识,界面与 logo 可一处找齐
MIT 授权 商业项目可免费使用、修改与再分发
框架配套 与 Nebular / ngx-admin 同源,后台项目集成顺手
SVG 优先 矢量交付,颜色尺寸可控,适配深色模式方便
Eva Icons — 圆润现代图标(免费学习资源)
Eva Icons · 圆润现代图标

它更适合「后台与中台」这类信息密集界面

Eva Icons 的视觉重心落在信息密集的后台界面上:圆润的端点、均匀的留白,让它在表格、卡片、侧边栏这种满是文字的区域里不显突兀,反而能把功能入口点缀得清爽。它和 Nebular 设计体系同源,因此当你用那套组件库时,图标几乎可以「无脑」接入,不用再费心对齐视觉语言。

工程上推荐以 SVG 或官方组件形式按需引入,避免整库加载。因为它同时提供 outline 与 fill,做导航选中态时可以直接换形态,比改色更直观。颜色方面把 fill/stroke 接到主题变量上,深色模式切换就是顺水推舟。要注意的是它虽含品牌标,但品牌标识更新往往滞后于官方 logo 变更,正式商用品牌标前最好再核对一次。

同类工具怎么选

工具 授权 差别在哪
Iconoir 开源免费 同样圆润现代且无署名负担,总量更大。
Remix Icon 开源免费 更中性现代,分类细致,无需署名。
Feather Icons 开源免费 更极简,适合内容优先型界面。

谁适合用

  • 做后台与中台界面的前端
  • 使用 Nebular 等组件库的团队
  • 想要亲和而不冷硬视觉的设计师

怎么开始

  1. 打开官网预览页,搜索或浏览找到目标图标。
  2. 下载 SVG 或安装官方组件包,按框架引入。
  3. 用 outline 表达默认、fill 表达选中,区分交互状态。
  4. 把颜色接到主题变量,便于深色模式统一切换。
  5. 只取用实际需要的图标,控制打包体积。

常见问题

能商用吗?
能。MIT 协议,商业与个人项目均可免费使用与修改。

有描边和实心两种吗?
有。同概念提供 outline 与 fill,适合表达选中状态。

能做深色模式吗?
能。SVG 形态用 CSS 变量控制颜色即可跟随主题。

品牌标识能用吗?
可用,但品牌标可能滞后于官方更新,正式商用前建议再核对。

授权与合规

Eva Icons 以 MIT 协议发布,可免费用于个人与商业项目,可修改再分发。 官网:akveo.github.io/eva-icons

继续找同类资源

这条属于「设计素材」栏目,同栏目还有更多可直接使用的免费资源,可以在 设计素材全部资源 里按需翻阅。

相关资源

同栏目下这几条也常被一起翻到:

资源信息
界面语言 英文
授权方式 开源免费
适用平台 Web
获取方式 直链下载
资源更新 2026-09-20
页面更新 2026-09-20

获取资源

点击按钮直接前往资源页面。