字体图标

小白补脑：

首先，我们先恶补下什么是字体图标：用字体文件取代图片文件，来展示图标、特殊字体等元素的方法。

优点：

加载文件体积小
统一展示风格，使用方法
通过font-size，color就能自由变化大小，修改颜色，就像控制文字一样简单
可以添加一些视觉效果如：阴影、旋转、透明度
兼容IE6
后期维护成本很低

缺点：

制作门槛有点高，需要借助专业的工具生成字库文件
需要服务器做些相应的配置来解决识别问题和跨域问题

H-ui整合了两家相对比较权威的字体图标：阿里巴巴Iconfont 和 Font Awesome

字体图标的使用方法：

第一步：下载（如果下载过H-ui框架的，请跳过第一步，无须重复下载）

 阿里巴巴Iconfont下载  Font Awesome3.0下载

第二步：引入

为了方便资源调用，尽量将.css 和字库文件放在一个文件夹下，不要随意拆开部署，防止无法正常加载字体文件。

Iconfont

<link href="lib/iconfont/iconfont.css" rel="stylesheet" type="text/css" />

Font Awesome

<link href="lib/font-awesome/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="lib/font-awesome/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
<![endif]-->

第三步：调用

有两种使用方法

方法1、挑选相应图标并获取字体编码(如果字库发生过更新，编码会发生相应的变化，需要重新获取对应编码)，应用于页面。󰀠

<i class="iconfont">&#xf0020;</i>

方法2、通过对应的css类名调用

<i class="iconfont iconfont-yunshangchuan"></i>

阿里巴巴IconfontFont Awesome3.0

阿里巴巴Iconfont平台不广免费提供了1000多个常用的图标，为用户提供了在线矢量格式转换的功能。设计师只要将设计好的图标上传至平台，平台将会将图标存储在平台上，并转换成多种格式文件。具体制作方法在此不做过多阐述，感兴趣可直接去官网查看

󰀅
大小

󰀅

.daxiao
󰀠
云上传

󰀠

.yunshangchuan
󰀢
编辑

󰀢

.bianji
󰀣
上传

󰀣

.shangchuan
󰀤
上传

󰀤

.shangchuan1
󰀥
列表

󰀥

.liebiao
󰀦
发送

󰀦

.fasong
󰀩
充值

󰀩

.chongzhi
󰀰
消费者保障

󰀰

.xiaofeizhebaozhang
󰀱
新手上路

󰀱

.xinshoushanglu
󰀲
付款方式

󰀲

.fukuanfangshi
󰀴
其他

󰀴

.qita
󰀵
缴费

󰀵

.jiaofei
󰀶
音乐

󰀶

.yinle
󰀷
电子书

󰀷

.dianzishu
󰀸
理财

󰀸

.licai
󰀿
话费

󰀿

.huafei
󰁂
文章

󰁂

.wenzhang
󰁄
图片

󰁄

.tupian
󰁃
店铺

󰁃

.dianpu
󰁅
宝贝

󰁅

.baobei
󰁆
品牌

󰁆

.pinpai
󰁈
女人

󰁈

.nvren
󰁎
杯子

󰁎

.beizi
󰁏
间隔符号

󰁏

.jiangefuhao
󰁑
扬声器

󰁑

.yangshengqi
󰁕
硬盘

󰁕

.yingpan
󰁗
电话机

󰁗

.dianhuaji
󰁞
取款机

󰁞

.qukuanji
󰁟
星光

󰁟

.xingguang
󰁠
标签

󰁠

.biaoqian
󰁢
气泡

󰁢

.qipao
󰁣
日历

󰁣

.rili
󰁤
音乐

󰁤

.yinle1
󰁦
对话框

󰁦

.duihuakuang
󰁨
节日

󰁨

.jieri
󰁩
可爱

󰁩

.keai
󰁪
计时器

󰁪

.jishiqi
󰁮
钱袋

󰁮

.qiandai
󰁰
平板电脑

󰁰

.pingbandiannao
󰂊
剪刀

󰂊

.jiandao
󰂍
礼物

󰂍

.liwu
󰂑
显示器

󰂑

.xianshiqi
󰂒
照相机

󰂒

.zhaoxiangji
󰂖
单反相机

󰂖

.danfanxiangji
󰂙
电视机

󰂙

.dianshiji
󰂡
图书

󰂡

.tushu
󰂢
手机

󰂢

.shouji
󰂧
笔记本

󰂧

.bijiben
󰂨
打印机

󰂨

.dayinji
󰂪
游戏

󰂪

.youxi
󰂮
对话

󰂮

.duihua
󰂯
推荐

󰂯

.tuijian
󰂰
认证用户

󰂰

.renzhengyonghu
󰂱
彩带

󰂱

.caidai
󰂲
正确

󰂲

.zhengque
󰂳
错误

󰂳

.cuowu
󰂴
禁止

󰂴

.jinzhi
󰂵
提醒

󰂵

.tixing
󰂶
提示

󰂶

.tishi
󰂷
警告

󰂷

.jinggao
󰂸
帮助

󰂸

.bangzhu
󰂹
网络

󰂹

.wangluo
󰂺
创意

󰂺

.chuangyi
󰂻
账户

󰂻

.zhanghu
󰂼
剪切

󰂼

.jianqie
󰂽
文件

󰂽

.wenjian
󰂾
编辑文件

󰂾

.bianjiwenjian
󰂿
等待文件

󰂿

.dengdaiwenjian
󰃀
删除文件

󰃀

.shanchuwenjian
󰃁
剪切文件

󰃁

.jianqiewenjian
󰃂
复制文件

󰃂

.fuzhiwenjian
󰃃
搜索文件

󰃃

.sousuowenjian
󰃄
等待

󰃄

.dengdai
󰃅
文件夹

󰃅

.wenjianjia
󰃆
新增文件夹

󰃆

.xinzengwenjianjia
󰃇
删除文件夹

󰃇

.shanchuwenjianjia
󰃈
未打卡的文件夹

󰃈

.weidaqiadewenjianjia
󰃉
锁定

󰃉

.suoding
󰃊
资料库

󰃊

.ziliaoku
󰃋
字体

󰃋

.ziti
󰃌
网站主

󰃌

.wangzhanzhu
󰃍
饼图

󰃍

.bingtu
󰃎
竖状图

󰃎

.shuzhuangtu
󰃏
曲线图

󰃏

.quxiantu
󰃐
折线图

󰃐

.zhexiantu
󰃑
API接入

󰃑

.APIjieru
󰃒
定向

󰃒

.dingxiang
󰃓
精确定向

󰃓

.jingquedingxiang
󰃔
广告主

󰃔

.guanggaozhu
󰃕
设计师

󰃕

.shejishi
󰃖
男商家

󰃖

.nanshangjia
󰃗
女商家

󰃗

.nvshangjia
󰃘
添加商家

󰃘

.tianjiashangjia
󰃙
兴趣定向

󰃙

.xingqudingxiang
󰃚
竞价

󰃚

.jingjia
󰃛
指针

󰃛

.zhizhen
󰃜
激活

󰃜

.jihuo
󰃝
插件

󰃝

.chajian
󰃞
图标

󰃞

.tubiao
󰃟
计划

󰃟

.jihua
󰃠
添加计划

󰃠

.tianjiajihua
󰃡
目录

󰃡

.mulu
󰃢
广告位

󰃢

.guanggaowei
󰃣
添加广告位

󰃣

.tianjiaguanggaowei
󰃥
手机店招

󰃥

.shoujidianzhao
󰃤
商家群

󰃤

.shangjiaqun
󰃦
店招

󰃦

.dianzhao
󰃧
图文店招

󰃧

.tuwendianzhao
󰃨
调节

󰃨

.diaojie
󰃩
可见

󰃩

.kejian
󰃪
不可见

󰃪

.bukejian
󰃫
飙升榜

󰃫

.biaoshengbang
󰃬
管理员

󰃬

.guanliyuan
󰃭
金币

󰃭

.jinbi
󰃮
金币转出

󰃮

.jinbizhuanchu
󰃯
金币提现

󰃯

.jinbitixian
󰃰
金币转入

󰃰

.jinbizhuanru
󰃱
计费

󰃱

.jifei
󰃲
页面推广

󰃲

.yemiantuiguang
󰃴
广告主活动推广

󰃴

.guanggaozhuhuodongtuiguang
󰃵
用研

󰃵

.yongyan
󰃶
新手学堂

󰃶

.xinshouxuetang
󰃷
上传素材

󰃷

.shangchuansucai
󰃸
通投

󰃸

.tongtou
󰃹
渠道效果

󰃹

.qudaoxiaoguo
󰃺
渠道管理

󰃺

.qudaoguanli
󰃼
推广单元格

󰃼

.tuiguangdanyuange
󰃽
细分

󰃽

.xifen
󰃾
系统推送

󰃾

.xitongtuisong
󰃻
推广渠道

󰃻

.tuiguangqudao
󰃿
奖牌

󰃿

.jiangpai
󰄂
密匙

󰄂

.michi
󰄃
支付宝

󰄃

.zhifubao
󰄄
自助推广

󰄄

.zizhutuiguang
󰄅
管理

󰄅

.guanli
󰄆
计划报表

󰄆

.jihuabaobiao
󰄉
竞价资源位

󰄉

.jingjiaziyuanwei
󰄊
定价资源位

󰄊

.dingjiaziyuanwei
󰄋
账户报表

󰄋

.zhanghubaobiao
󰄍
网站设置

󰄍

.wangzhanshezhi
󰄎
跟踪目标设置

󰄎

.genzongmubiaoshezhi
󰄏
网站管理

󰄏

.wangzhanguanli
󰄐
跟踪目标管理

󰄐

.genzongmubiaoguanli
󰄑
排序

󰄑

.paixu
󰄒
向左

󰄒

.xiangzuo
󰄔
向右

󰄔

.xiangyou
󰄕
节日

󰄕

.jieri1
󰄗
标签

󰄗

.biaoqian1
󰄙
多素材

󰄙

.duosucai
󰄚
云下载

󰄚

.yunxiazai
󰄛
微笑

󰄛

.weixiao
󰄜
吃惊

󰄜

.chijing
󰄝
呆

󰄝

.dai
󰄞
耍酷

󰄞

.shuaku
󰄟
魔鬼

󰄟

.mogui
󰄠
尴尬

󰄠

.ganga
󰄡
亲

󰄡

.qin
󰄣
眨眼

󰄣

.zhayan
󰄥
骂

󰄥

.ma
󰄦
鄙视

󰄦

.bishi
󰄤
生气

󰄤

.shengqi
󰄢
怒

󰄢

.nu
󰄧
卖萌

󰄧

.maimeng
󰄨
惊呆

󰄨

.jingdai
󰄪
facebook

󰄪

.facebook
󰄩
晕

󰄩

.yun
󰄫
首页

󰄫

.shouye
󰄬
搜索

󰄬

.sousuo
󰄮
黑名单

󰄮

.heimingdan
󰄯
分享

󰄯

.fenxiang
󰄰
文本

󰄰

.wenben
󰄲
对话

󰄲

.duihua1
󰄱
保存

󰄱

.baocun
󰄳
表情

󰄳

.biaoqing
󰄴
物流

󰄴

.wuliu
󰄵
店铺

󰄵

.dianpu1
󰄶
名片

󰄶

.mingpian
󰄁
账户明细

󰄁

.zhanghumingxi
󰄀
淘宝客推广

󰄀

.taobaoketuiguang
󰃳
推广广告位

󰃳

.tuiguangguanggaowei
󰄌
全网竞价报表

󰄌

.quanwangjingjiabaobiao
󰄓
向上

󰄓

.xiangshang
󰄖
可爱的

󰄖

.keaide
󰄭
用户

󰄭

.yonghu
󰄷
图片

󰄷

.tupian1
󰄸
邮件

󰄸

.youjian
󰄹
销量

󰄹

.xiaoliang
󰄺
撤销

󰄺

.chexiao
󰄻
重做

󰄻

.zhongzuo
󰄼
赞扬

󰄼

.zanyang
󰄽
批评

󰄽

.piping
󰄾
设置

󰄾

.shezhi
󰄿
删除

󰄿

.shanchu
󰅀
旺旺

󰅀

.wangwang
󰅁
其它

󰅁

.qita1
󰅃
帮助

󰅃

.bangzhu1
󰅄
收藏

󰅄

.shoucang
󰅍
添加用户

󰅍

.tianjiayonghu
󰅌
查找用户

󰅌

.chazhaoyonghu
󰅋
好友

󰅋

.haoyou
󰅊
位置

󰅊

.weizhi
󰅉
耳机

󰅉

.erji
󰅈
购物车

󰅈

.gouwuche
󰅇
语音

󰅇

.yuyin
󰅆
小助手

󰅆

.xiaozhushou
󰅅
喜爱

󰅅

.xiai
󰅎
哭脸

󰅎

.kulian
󰅏
编辑

󰅏

.bianji1
󰅐
人民币

󰅐

.renminbi
󰅒
标签

󰅒

.biaoqian2
󰅔
加

󰅔

.jia
󰅖
正确

󰅖

.zhengque1
󰅕
错误

󰅕

.cuowu1
󰅓
减

󰅓

.jian
󰅑
照相机

󰅑

.zhaoxiangji1
󰅗
女人

󰅗

.nvren1
󰅘
文本输入

󰅘

.wenbenshuru
󰅙
小缩略图

󰅙

.xiaosuolvetu
󰅚
随机用户

󰅚

.suijiyonghu
󰅛
附件

󰅛

.fujian
󰅜
刷新

󰅜

.shuaxin
󰅝
单图排列

󰅝

.dantupailie
󰅞
大列表

󰅞

.daliebiao
󰅟
大缩略图列表

󰅟

.dasuolvetuliebiao
󰅨
编辑模板

󰅨

.bianjimoban
󰅧
诊断

󰅧

.zhenduan
󰅦
提醒设置

󰅦

.tixingshezhi
󰅤
过滤

󰅤

.guolv
󰅣
下载

󰅣

.xiazai
󰅢
视频

󰅢

.shipin
󰅡
列表

󰅡

.liebiao1
󰅠
瀑布流

󰅠

.pubuliu
󰅩
导入创意

󰅩

.daoruchuangyi
󰅪
粘贴

󰅪

.zhantie
󰅫
开始

󰅫

.kaishi
󰅬
完成

󰅬

.wancheng
󰅭
向右

󰅭

.xiangyou1
󰅮
向左

󰅮

.xiangzuo1
󰅯
向上

󰅯

.xiangshang1
󰅰
向下

󰅰

.xiangxia
󰅱
淘宝

󰅱

.taobao
󰅲
聚划算

󰅲

.juhuasuan
󰅳
天猫

󰅳

.tianmao
󰅴
应用

󰅴

.yingyong
󰅵
加

󰅵

.jia1
󰅶
减

󰅶

.jian1
󰅷
降价

󰅷

.jiangjia
󰅸
购物车满

󰅸

.gouwucheman
󰅹
购物车空

󰅹

.gouwuchekong
󰅺
应用中心

󰅺

.yingyongzhongxin
󰆃
竖排

󰆃

.shupai
󰆂
横排

󰆂

.hengpai
󰆁
居右

󰆁

.juyou
󰆀
居中

󰆀

.juzhong
󰅾
暂停

󰅾

.zanting
󰅻
更新

󰅻

.gengxin
󰆅
右缩进

󰆅

.yousuojin
󰆆
垂直缩放

󰆆

.chuizhisuofang
󰅽
皇冠

󰅽

.huangguan
󰅼
退出

󰅼

.tuichu
󰅿
居左

󰅿

.juzuo
󰆄
左缩进

󰆄

.zuosuojin
󰆇
水平缩放

󰆇

.shuipingsuofang
󰆈
斜体

󰆈

.xieti
󰆊
最下部

󰆊

.zuixiabu
󰆋
锁定

󰆋

.suoding1
󰆉
最上部

󰆉

.zuishangbu
󰆌
禁止

󰆌

.jinzhi1
󰆕
解锁

󰆕

.jiesuo
󰆔
打开信息

󰆔

.dakaixinxi
󰆓
淘

󰆓

.tao
󰆒
高速

󰆒

.gaosu
󰆐
半分

󰆐

.banfen
󰆏
进入

󰆏

.jinru
󰆍
设置

󰆍

.shezhi1
󰆖
退格

󰆖

.tuige
󰆗
应用中心

󰆗

.yingyongzhongxin1
󰆙
文本输入

󰆙

.wenbenshuru1
󰆎
录音

󰆎

.luyin
󰆘
图文详情

󰆘

.tuwenxiangqing
󰆚
微距

󰆚

.weiju
󰆑
转弯

󰆑

.zhuanwan
󰆛
远景

󰆛

.yuanjing
󰆜
高清摄像

󰆜

.gaoqingshexiang
󰆞
风景

󰆞

.fengjing
󰆝
人像

󰆝

.renxiang
󰆟
夜景

󰆟

.yejing
󰆠
全景

󰆠

.quanjing
󰆡
自拍模式

󰆡

.zipaimoshi
󰆢
左上

󰆢

.zuoshang
󰆣
向上

󰆣

.xiangshang2
󰆤
右上

󰆤

.youshang
󰆥
左下

󰆥

.zuoxia
󰆦
向下

󰆦

.xiangxia1
󰆧
右下

󰆧

.youxia
󰆨
向左

󰆨

.xiangzuo2
󰆩
向右

󰆩

.xiangyou2
󰆮
链接

󰆮

.lianjie
󰆯
新浪微博

󰆯

.xinlangweibo
󰆰
腾讯微博

󰆰

.tengxunweibo
󰆱
环

󰆱

.huan
󰆲
合并单元

󰆲

.hebingdanyuan
󰆴
缩小

󰆴

.suoxiao
󰆵
放大

󰆵

.fangda
󰆶
移动

󰆶

.yidong
󰆷
全屏

󰆷

.quanping
󰆸
缩小

󰆸

.suoxiao1
󰆹
放大

󰆹

.fangda1
󰆺
新建窗口

󰆺

.xinjianchuangkou
󰆻
新窗口打开

󰆻

.xinchuangkoudakai
󰆼
订阅

󰆼

.dingyue
󰆽
信号

󰆽

.xinhao
󰆾
订单

󰆾

.dingdan
󰆿
充电

󰆿

.chongdian
󰇀
提升

󰇀

.tisheng
󰇂
html

󰇂

.html
󰇄
通知

󰇄

.tongzhi
󰇃
css

󰇃

.css
󰇅
定位

󰇅

.dingwei
󰇆
代码文件

󰇆

.daimawenjian
󰇇
qq

󰇇

.qq
󰇈
豆瓣

󰇈

.douban
󰇊
github

󰇊

.github
󰇉
安卓

󰇉

.anzhuo
󰇁
下降

󰇁

.xiajiang
󰇋
播放

󰇋

.bofang
󰇌
播放

󰇌

.bofang1
󰇍
客厅

󰇍

.keting
󰇎
卧室

󰇎

.woshi
󰇏
屏风

󰇏

.pingfeng
󰇑
树苗

󰇑

.shumiao
󰇓
树

󰇓

.shu
󰇔
婴儿

󰇔

.yinger
󰇘
苹果

󰇘

.pingguo
󰋥
日历开始

󰋥

.rilikaishi
󰋤
日历结束

󰋤

.rilijieshu
󰋣
日历

󰋣

.rili1
󰋢
新建成功

󰋢

.xinjian5
󰋡
创意

󰋡

.xinjian4
󰋠
资源位

󰋠

.xinjian3
󰋟
人群

󰋟

.xinjian2
󰋞
新建

󰋞

.xinjian1
󰋝
图片

󰋝

.tupian2
󰋜
素材

󰋜

.sucai2
󰋛
上传

󰋛

.shangchuan2
󰋚
删除

󰋚

.shanchu1
󰋙
流量

󰋙

.liuliang
󰋘
列表

󰋘

.liebiao2
󰋗
链接

󰋗

.lianjie1
󰋖
flash

󰋖

.flash
󰋕
大图

󰋕

.datu
󰋔
查看

󰋔

.chakan
󰋓
裁减

󰋓

.caijian
󰋒
编辑

󰋒

.bianji2
󰋑
优秀

󰋑

.youxiu
󰋐
历程

󰋐

.licheng
󰋆
展示

󰋆

.zhanshi
󰋅
佣金

󰋅

.yongjin
󰊼
警告

󰊼

.jinggao1
󰊻
宜2

󰊻

.yi2
󰊺
热2

󰊺

.re2
󰊹
优2

󰊹

.you2
󰊸
行2

󰊸

.xing2
󰊷
潜2

󰊷

.qian2
󰊶
新2

󰊶

.xin2
󰊴
添加

󰊴

.tianjia
󰊵
品2

󰊵

.pin2
󰊲
热

󰊲

.re
󰊯
向右

󰊯

.xiangyou3
󰊬
匹配方式

󰊬

.pipeifangshi
󰊪
向上

󰊪

.xiangshang3
󰋇
点击

󰋇

.dianji
󰊩
向下

󰊩

.xiangxia2
󰊨
未选中

󰊨

.weixuanzhong
󰊧
选中

󰊧

.xuanzhong
󰊤
社区

󰊤

.shequ
󰊣
出错

󰊣

.chucuo
󰊠
指示

󰊠

.zhishi
󰊟
发现

󰊟

.faxian
󰊞
计划列表

󰊞

.jihualiebiao
󰊝
首页

󰊝

.shouye1
󰊛
修改出价

󰊛

.xiugaichujia
󰊘
推广中

󰊘

.tuiguangzhong
󰊗
排序

󰊗

.paixu1
󰊖
日期

󰊖

.riqi
󰊔
宝贝

󰊔

.baobei1
󰊓
关键词

󰊓

.guanjianci
󰊑
更多

󰊑

.gengduo
󰀭
药品

󰀭

.yaopin
󰊌
趋势下降

󰊌

.qushixiajiang
󰊙
暂停

󰊙

.zanting1
󰊚
删除

󰊚

.shanchu2
󰊜
充值

󰊜

.chongzhi1
󰊐
收藏

󰊐

.shoucang1
󰊎
价格曲线

󰊎

.jiagequxian
󰊍
曲线上升

󰊍

.quxianshangsheng
󰊕
定向

󰊕

.dingxiang1
󰊒
返回

󰊒

.fanhui
󰊋
清除

󰊋

.qingchu
󰉿
脚印

󰉿

.jiaoyin
󰉾
电影票

󰉾

.dianyingpiao
󰉼
新建模块

󰉼

.xinjianmokuai
󰊀
金额

󰊀

.jine
󰉽
红包

󰉽

.hongbao
󰈾
@

󰈾

.anonymous-iconfont
󰉱
沙尘

󰉱

.shachen
󰉲
冻雨

󰉲

.dongyu
󰉳
浮尘

󰉳

.fuchen
󰉴
雨夹雪

󰉴

.yujiaxue
󰉵
大雪

󰉵

.daxue
󰉶
中雪

󰉶

.zhongxue
󰉷
小雪

󰉷

.xiaoxue
󰉸
大雨

󰉸

.dayu
󰉹
优质

󰉹

.youzhi
󰉺
行业

󰉺

.xingye
󰉻
潜力

󰉻

.qianli
󰈢
惠

󰈢

.hui
󰈓
一

󰈓

.yi
󰈐
烈日

󰈐

.lieri
󰈏
乌云

󰈏

.wuyun
󰈎
晚上

󰈎

.wanshang
󰈍
浓云

󰈍

.nongyun
󰈌
风

󰈌

.feng
󰈋
雷电

󰈋

.leidian
󰈊
小雨

󰈊

.xiaoyu
󰈉
雨

󰈉

.yu
󰈈
雾气

󰈈

.wuqi
󰈆
多云

󰈆

.duoyun
󰈅
晴

󰈅

.qing
󰈇
云

󰈇

.yun1
󰈄
关机

󰈄

.guanji
󰈃
大巴

󰈃

.daba
󰈂
飞机

󰈂

.feiji
󰈁
转推

󰈁

.zhuantui
󰈀
苹果

󰈀

.pingguo1
󰇿
微软

󰇿

.weiruan
󰇾
钻石

󰇾

.zuanshi
󰇽
直通车

󰇽

.zhitongche
󰇼
蝴蝶结

󰇼

.hudiejie
󰇺
下拉

󰇺

.xiala
󰇹
点击

󰇹

.dianji1
󰇸
金币

󰇸

.jinbi1
󰇷
店铺

󰇷

.dianpu2
󰇯
电话

󰇯

.dianhua
󰇭
裁剪

󰇭

.caijian1
󰇵
购物

󰇵

.gouwu
󰇶
券

󰇶

.quan
󰇴
皇冠

󰇴

.huangguan1
󰇳
行人

󰇳

.xingren
󰇲
公交

󰇲

.gongjiao
󰇰
出租

󰇰

.chuzu
󰇮
html5

󰇮

.html5
󰇬
选择

󰇬

.xuanze
󰇪
地图

󰇪

.ditu
󰇩
地图

󰇩

.ditu1
󰇫
对话

󰇫

.duihua2
󰇱
铁路

󰇱

.tielu
󰇤
月亮

󰇤

.yueliang
󰇦
收纳

󰇦

.shouna
󰇡
椅子

󰇡

.yizi
󰆳
缩回

󰆳

.suohui
󰅂
信息

󰅂

.xinxi
󰄈
起步价

󰄈

.qibujia
󰄇
默认出价

󰄇

.morenchujia
󰂐
人物

󰂐

.renwu
󰀽
旅行

󰀽

.lvxing
󰀼
保险

󰀼

.baoxian
󰀺
电影票

󰀺

.dianyingpiao1
󰀹
外卖

󰀹

.waimai
󰀻
彩票

󰀻

.caipiao
󰀾
网游

󰀾

.wangyou
󰀳
淘宝特色

󰀳

.taobaotese
󰀡
新

󰀡

.xin
󰀄
节点

󰀄

.jiedian
󰀃
封闭

󰀃

.fengbi
󰀁
填色

󰀁

.tianse
󰀂
合并

󰀂

.hebing

温馨提醒：还不知道是个什么玩意的小伙伴可以移步到这里 http://www.bootcss.com/p/font-awesome/，一窥究竟！再次H-ui不做陈述，官方描述更加权威！

适合 Web 应用的图标

icon-adjust
icon-asterisk
icon-ban-circle
icon-bar-chart
icon-barcode
icon-beaker
icon-beer
icon-bell
icon-bell-alt
icon-bolt
icon-book
icon-bookmark
icon-bookmark-empty
icon-briefcase
icon-bullhorn
icon-calendar
icon-camera
icon-camera-retro
icon-certificate
icon-check
icon-check-empty
icon-circle
icon-circle-blank
icon-cloud
icon-cloud-download
icon-cloud-upload
icon-coffee
icon-cog
icon-cogs
icon-comment
icon-comment-alt
icon-comments
icon-comments-alt
icon-credit-card
icon-dashboard
icon-desktop
icon-download
icon-download-alt
icon-edit
icon-envelope
icon-envelope-alt
icon-exchange
icon-exclamation-sign
icon-external-link
icon-eye-close
icon-eye-open
icon-facetime-video
icon-fighter-jet
icon-film
icon-filter
icon-fire
icon-flag
icon-folder-close
icon-folder-open
icon-folder-close-alt
icon-folder-open-alt
icon-food
icon-gift
icon-glass
icon-globe
icon-group
icon-hdd
icon-headphones
icon-heart
icon-heart-empty
icon-home
icon-inbox
icon-info-sign
icon-key
icon-leaf
icon-laptop
icon-legal
icon-lemon
icon-lightbulb
icon-lock
icon-unlock
icon-magic
icon-magnet
icon-map-marker
icon-minus
icon-minus-sign
icon-mobile-phone
icon-money
icon-move
icon-music
icon-off
icon-ok
icon-ok-circle
icon-ok-sign
icon-pencil
icon-picture
icon-plane
icon-plus
icon-plus-sign
icon-print
icon-pushpin
icon-qrcode
icon-question-sign
icon-quote-left
icon-quote-right
icon-random
icon-refresh
icon-remove
icon-remove-circle
icon-remove-sign
icon-reorder
icon-reply
icon-resize-horizontal
icon-resize-vertical
icon-retweet
icon-road
icon-rss
icon-screenshot
icon-search
icon-share
icon-share-alt
icon-shopping-cart
icon-signal
icon-signin
icon-signout
icon-sitemap
icon-sort
icon-sort-down
icon-sort-up
icon-spinner
icon-star
icon-star-empty
icon-star-half
icon-tablet
icon-tag
icon-tags
icon-tasks
icon-thumbs-down
icon-thumbs-up
icon-time
icon-tint
icon-trash
icon-trophy
icon-truck
icon-umbrella
icon-upload
icon-upload-alt
icon-user
icon-user-md
icon-volume-off
icon-volume-down
icon-volume-up
icon-warning-sign
icon-wrench
icon-zoom-in
icon-zoom-out

文本编辑器图标

icon-file
icon-file-alt
icon-cut
icon-copy
icon-paste
icon-save
icon-undo
icon-repeat
icon-text-height
icon-text-width
icon-align-left
icon-align-center
icon-align-right
icon-align-justify
icon-indent-left
icon-indent-right
icon-font
icon-bold
icon-italic
icon-strikethrough
icon-underline
icon-link
icon-paper-clip
icon-columns
icon-table
icon-th-large
icon-th
icon-th-list
icon-list
icon-list-ol
icon-list-ul
icon-list-alt

指示方向的图标

icon-angle-left
icon-angle-right
icon-angle-up
icon-angle-down
icon-arrow-down
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-caret-down
icon-caret-left
icon-caret-right
icon-caret-up
icon-chevron-down
icon-chevron-left
icon-chevron-right
icon-chevron-up
icon-circle-arrow-down
icon-circle-arrow-left
icon-circle-arrow-right
icon-circle-arrow-up
icon-double-angle-left
icon-double-angle-right
icon-double-angle-up
icon-double-angle-down
icon-hand-down
icon-hand-left
icon-hand-right
icon-hand-up
icon-circle
icon-circle-blank

视频播放器图标

icon-play-circle
icon-play
icon-pause
icon-stop
icon-step-backward
icon-fast-backward
icon-backward
icon-forward
icon-fast-forward
icon-step-forward
icon-eject
icon-fullscreen
icon-resize-full
icon-resize-small

SNS图标

icon-phone
icon-phone-sign
icon-facebook
icon-facebook-sign
icon-twitter
icon-twitter-sign
icon-github
icon-github-alt
icon-github-sign
icon-linkedin
icon-linkedin-sign
icon-pinterest
icon-pinterest-sign
icon-google-plus
icon-google-plus-sign
icon-sign-blank

医疗图标

icon-ambulance
icon-beaker
icon-h-sign
icon-hospital
icon-medkit
icon-plus-sign-alt
icon-stethoscope
icon-user-md

HTML代码

<i class="icon-h-sign"></i>