持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第18，点击查看活动详情

起因

事情是这样的，今天在群里突然看到这样一条消息。 什么意思？iconfont维护了？好久没用这个字体图标库了，赶紧去官网看看，结果。。。

Iconfont系统升级维护中，给您带来不便，敬请谅解！

官网白白一大片，只留下这么一句话。今天已经是6月10号了，已经维护三天了！这就很可怕了，有多少等着用呢。看看下面评论。 你再不回来，真的是要遭不住了！大家都要转用别的平台字体图标库了。

着实是这次的维护太突然了，但是天塌了还有高个子顶着，iconfont维护了，还有别的平台可以支持。如果iconfont一直这样维护，我们这些吃饭的总不能这样干等呀，所以我给大家伙找了找目前可用的平台的字体图标库，大家可以先试着来用一下。

IconPark-字节跳动出品

• IconPark图标库是一个由字节跳动出品,通过技术驱动矢量图标样式的开源图标库，可以实现根据单一SVG源文件变换出多种主题， 具备丰富的分类、更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标。

• 网址：iconpark.oceanengine.com/home
• 特点：
  • 国内开源、免费商用
  • 2600+基础图标，29种图标分类，提供更多的选择
  • 支持4种主题和在线换肤:线性、填充、双色、四色
  • 网站提供多种便捷操作:复制SVG code、复制React组件、复制Vue组件、下载PNG、下载SVG
  • 针对技术同学，支持图标组件代码包导出，包括React Icons/ Vue lcons/ Vue3 lcons / SVG lcons。
  • 支持项目管理:方便个性化上传、管理图标、及导出图标组件NPM包导出
• 文档：bytedance.feishu.cn/wiki/wikcnr…
• 推荐指数：⭐⭐⭐⭐⭐

Font Awesome - 中文同步

• Font Awesome是一款很流行的字体图标工具。随着Bootstrap的流行而逐渐被人所认识，现在FontAwesome不仅仅可以在bt上使用，还可以应用在各种web前端开发中。
• 网址：www.fontawesome.com.cn/
• 特点：
  • 免费开源
  • 一套字库, 675个图标
  • 不需要JavaScript要求：更快的载入速度
  • 无限的可扩展性：可伸缩矢量图形意味着每一个图标在任何大小看起来真棒。
  • CSS控制：轻松的定义图标的颜色，大小，阴影，和任何与CSS相关的特性。
• 文档：www.fontawesome.com.cn/get-started…
• 推荐指数：⭐⭐⭐⭐⭐

iconmonstr

• iconmonstr 是一个以简单线条为主的的免费图标库,目前收录超过 4000 种图标
• 网址：iconmonstr.com/
• 特点：
  • 风格为以简单线条构成的免费图标
  • 由单一创作者维护，质量有保证
  • 提供 SVG、EPS、PSD、PNG 和内嵌原始码等各种格式下载，满足了设计师和开发者的各种需求场景；
• 字体图标下载地址：iconmonstr.com/iconicfont/
• 推荐指数：⭐⭐⭐

Flaticon

• Flaticon 一个提供三百多万海量免费图标素材库，提供 PNG、SVG、EPS、PSD 和 BASE 64 矢量图标格式，完全可以满足你 UI 设计和网页设计项目。
• 网址：www.flaticon.com/
• 特点：
  • 国外开源免费
  • 可以创建动态图标
• 这个网站里的图标貌似只能使用png了，无法使用字体图标，没有找到文档，所以这里就不做太多介绍了。
• 推荐指数：⭐⭐

SVG转字体

iconfont目前看来是用不了，如果我们有备份svg，那么就可以通过一些手段处理这些图标转为字体图标了。我找到一个网站，大家可以试一试icomoon.io/。

• 右上角点击进入制作

• 导入svg图标

• 也可以添加一些此网站免费的图表进行使用

• 点击下方_Generate Font F_按钮对选择的图标进行设置，然后下载

• 类名前缀写好，预编译语言选好，下载下来的包就可以放到项目里进行使用啦。

总结

以上是我目前找到的一些比较好用的字体图标库，以及已有字体的解决方式，希望能够帮到大家。如果大家有其他不计较不错的字体图标库也可以分享下，尽量多准备点后备资源嘛。