Yesicon

Yesicon 是国内团队做的开源图标聚合站,官网 yesicon.app,带简体中文界面。它把全球一批开源、免费的矢量图标库收罗到一起,开发者按名字或者关键词找图标,再复制代码就能贴进项目里。拿到的多是干净的 SVG,改色缩放都方便。

Yesicon能帮你做什么

• 一站搜图标:一个搜索框,同时查遍收录的多个开源图标库

• 拿现成代码:选中图标就能复制 SVG 或者组件代码,贴进项目里

• 按图标库逛:想看某个系列的全套,可以直接进那个图标库的目录

• 中英文都能搜:热门关键词支持中文和英文,输入习惯不用改

谁用Yesicon比较合适

前端和独立开发者最省事,写页面时随手找图标就能贴代码。做小程序、个人博客的也能用,图标交给开源库,不用自己画。设计师想统一一套线性图标的时候,也适合先来这里挑。想找免费又不用担心授权的前端素材,它是个省心的起点。

跟 Iconoir、Iconbuddy 比,Yesicon 不一样在哪

• 和 Iconoir 比:Yesicon 不只是自己一套图标,而是把很多开源库汇总起来一起搜

• 和 Iconbuddy 比:它有完整的中文界面和中文关键词,国内用户上手更直接

• 共同点:都以开源、免费矢量图标为主,拿来即用、能自由改

Yesicon怎么开始用

• 打开站点:进入 yesicon.app,切到简体中文

• 搜索:在搜索框输入关键词,或者直接点热门搜索里的词

• 复制:看中图标之后复制 SVG 或者代码,贴到项目里

常见问题

Q1.Yesicon 上的图标能商用吗?
A:可以,收录的多是开源图标库。具体要遵守每个图标库自己的许可,多数是宽松的开放协议。

Q2.用 Yesicon 要注册或者付费吗?
A:都不用。搜索、预览、复制代码全程免费,打开网页就能用,不需要账号,也没有次数限制。

Q3.支持哪些格式?
A:以矢量为主,可以拿到 SVG,也能复制到 JSX、Vue 这类组件写法。需要 PNG 的时候可以自行转换。

Q4.图标可以改颜色吗?
A:能。矢量图标通常靠 currentColor 这类写法跟着文字走色,也能在 SVG 里直接改色值。

Q5.手机上能用吗?
A:能用,网页在手机浏览器里正常显示。不过复制代码这件事,还是电脑上操作更顺手一些,预览倒是没什么问题。