icon font字体图标字库汇总

女爷i 2022-04-10 09:56 279阅读 0赞

最近在研究icon font图标字库，找了一些比较好的在线字库。大都是开源的，而且各有特色！

**阿里icon font字库**

http://www.iconfont.cn/

这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。

**fontello**

http://fontello.com/

在线定制你自己的icon font字体图标字库，也可以直接从GitHub下载整个图标集，该项目也是[开源][Link 1]的。

**icomoon**

http://icomoon.io/[app][]/\#/select

可以在线导入的SVG格式字体，并进行编辑，然后下载来使用。很酷吧！

**Font-Awesome**

http://fortawesome.github.io/Font-Awesome/

这是我最喜欢的字库之一了，更新比较快。目前已经有369个图标了。

**Glyphicon Halflings**

http://glyphicons.com/

这个字体图标可以在Bootstrap下免费使用。自带了200多个图标。

[Link 1]: http://cpro.baidu.com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=17&is_app=0&jk=c22c804a7de2472c&k=%BF%AA%D4%B4&k0=%BF%AA%D4%B4&kdi0=0&luki=3&n=10&p=baidu&q=westecpr&rb=0&rs=1&seller_id=1&sid=2c47e27d4a802cc2&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1964501&u=http%3A%2F%2Fwww.weste.net%2F2013%2F12-13%2F94697.html&urlid=0
[app]: http://cpro.baidu.com/cpro/ui/uijs.php?adclass=0&app_id=0&c=news&cf=1001&ch=0&di=128&fv=17&is_app=0&jk=c22c804a7de2472c&k=app&k0=app&kdi0=0&luki=2&n=10&p=baidu&q=westecpr&rb=0&rs=1&seller_id=1&sid=2c47e27d4a802cc2&ssp2=1&stid=0&t=tpclicked3_hc&tu=u1964501&u=http%3A%2F%2Fwww.weste.net%2F2013%2F12-13%2F94697.html&urlid=0

发表评论取消回复

表情：

评论列表（有 0 条评论，279人围观）

还没有评论，来说两句吧...

相关阅读

相关什么是字体图标（Icon Font）？如何在网页中使用字体图标？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ 字体图标（Icon Font） ⭐ 如何在网页中使用字体图标 ⭐ 写在最后 ------------

傷城~/ 2023年10月15日 11:16/ 0 赞/ 30 阅读

相关彩色字体图标icon的应用

阿里巴巴彩色字体的应用步骤如下： 1. 下载字体图标（1）网址导航至阿里巴巴字体图标库 [https://www.iconfont.

Dear 丶/ 2022年10月24日 15:29/ 0 赞/ 280 阅读

相关 css 图标字体 Font Awesome

目前我展示没有成功 .icon-close:before { content: "\e90c"; } ![请添加图片描

曾经终败给现在/ 2022年09月11日 01:26/ 0 赞/ 311 阅读

相关 font字体图标

font 字体图标能够网页添加别致的字体风格样式，而且也能够起到在不同浏览器中统一字体风格的作用。它的扁平化设计，将网页从冗余、厚重和繁杂的装饰效果中解脱出来；它的

落日映苍穹つ/ 2022年07月13日 15:08/ 0 赞/ 302 阅读

相关 angular4中引入font-awesome字体图标

引入font-awesome（3种方式实现引入你的项目当中）地址：http://fontawesome.dashgame.com/ 首先安装字体依赖文件 npm

迈不过友情╰/ 2022年05月27日 07:05/ 0 赞/ 242 阅读

相关添加自定义字体icon图标

先提供一个比较好的自定义icon图标库[阿里图标库][Link 1] 所以接下来的使用主要就是以从上面提供的网址下载的icon图标为例（如果不会使用，请参考[使用][Link

冷不防/ 2022年05月22日 09:59/ 0 赞/ 370 阅读

相关扩展 layui icon 图标库为阿里图标库或Font Awesome

鉴于Layui 140个图标可能不太够用，所以这里我们需要扩展下分别试了 [Font Awesome][] 和 [阿里的IconFont][IconFont] ，其他图标

r囧r小猫/ 2022年05月04日 00:25/ 0 赞/ 2134 阅读

相关 icon font字体图标字库汇总

最近在研究icon font图标字库，找了一些比较好的在线字库。大都是开源的，而且各有特色！阿里icon font字库　　http://www.iconfont.cn/

女爷i/ 2022年04月10日 09:56/ 0 赞/ 280 阅读

相关 Bootstrap教程(一)Font Awesome图标字体库

一.下载地址:[http://fontawesome.dashgame.com/][http_fontawesome.dashgame.com] ![watermark

深碍√TFBOYSˉ_/ 2022年03月18日 01:44/ 0 赞/ 375 阅读

相关 flutter 列表组件ListView、字体图标组件Icon

列表组件水平方向宽度自适应(自动填充满父容器) 垂直方向高度自适应(自动填充满父容器) 内部可以放置Column组件 title和su

我会带着你远行/ 2021年07月24日 18:33/ 0 赞/ 470 阅读