什么是iconfont？

更新时间：2024-02-08 17:06:55

什么是 iconfont？iconfont 是设计师必备的图标管理工具，所有图标均来自于阿里巴巴官方项目与平台上的设计师，是一个专门为设计师和前端开发打造的在线工具。这个免费工具不仅能够浏览到来自优秀设计师的图标作品，还能给我们带来无尽的创作灵感，学习到不少优秀设计理念。直至今日 iconfont 已经成为了许多设计师与前端工程师的必备工具。那么我们该如何使用其内置的海量图标资源呢？接下来本文将为你演示使用 iconfont 的详细步骤，并为你推荐 3 个可商用的 iconfont 网站，它们是即时设计、IconPark 与 Remix Icon 。

点击使用可商用字体👇

1、iconfont 使用步骤

iconfont 使用起来很简单：首先我们进入它的官网，可以发现站内有海量的设计资源，包括 icon 图标、3D 插画、矢量插画以及字体库等，将账号登录后，选择自己喜欢的图标，添加至购物车，随后选择添加至项目，下载到本地并解压；随后在文件夹内勾选 iconfont 字样的文件，并将字体文件添加到这个文件里面，在 HTML 中引入 iconfont.css 文件即可。

尽管 iconfont 的使用体验极好，但平台上所有的图标都是阿里巴巴官方项目和平台上的设计师自行上传的，可以免费供大家学习使用，但不能够作为商业用途，接下来本文就与大家分享 3 个可商用的 iconfont 网站，其丰富程度不输阿里巴巴图标。

2、类似 iconfont 网站推荐

2-1 即时设计

即时设计是国产的免费设计工具，不仅具有齐全的设计功能，还有海量的设计资源。拿 iconfont 图标来说，即时设计不仅能够从 0 开始进行 iconfont 图标的绘制，它的站内还包含了 3 个图标引用库，覆盖了超过 1000 个 iconfont 图标资源，全部免费使用，且能够对图标的颜色、形状、大小进行自定义更改，除此之外在即时设计的资源广场还有超过 3000 种图标模板分享，支持一键免费调用，包含多种风格，能够满足设计过程中绝大多数的使用场景。

点击进入即时设计资源广场👇

点击图片立即体验 免费的 iconfont 图标网站👆

2-2 IconPark

IconPark 是字节跳动公司内部产品体系使用的官方图标库，是免费开源的 iconfont 网站。它能够为用户提供超过 2000+ 预设图标与 32 种图标分类，并支持 4 种主题和在线换肤。除此之外网站内还能提供多种便利操作，以 SVG、PNG 格式下载，一键复制等等，能够为大家带来便捷的工作过程。

2-3 Remix Icon

Remix Icon 是一款免费的 iconfont 图标网站，站内拥有超过 2000 个可商用的 iconfont 图标资源，它们的设计风格都非常一致，没有杂乱的感觉，拥有完美像素对齐，且整体的设计简约大方，通俗易懂，非常具有代表性，值得尝试。

以上就是本文对于 “什么是 iconfont？” 以及 “该如何使用？” 这两个问题的详细回答了，总的来说，iconfont 是一款来自于阿里巴巴且专门为设计师与工程师打造的一款图标管理工具，内置海量的优质资源可供大家免费学习使用，但不能够用作途径。因此为大家介绍了 3 个可商用的图标网站推荐，它们是即时设计、IconPark 与 Remix Icon，希望能够对大家有所帮助。