IconFont 图标

警告

.icon-jinggao
网站管理

.icon-wangzhanguanli
微博

.icon-weibo
新消息网站标志

.icon-xinxiaoxiwangzhanbiaozhi
返回

.icon-fanhui
链接

.icon-lianjie
团队

.icon-tuandui
关于

.icon-guanyu
链接

.icon-lianjie1
机械环保

.icon-jixiehuanbao
邮箱

.icon-youxiang
清洁

.icon-qingji
服务

.icon-fuwu
微信

.icon-weixin
多层结构

.icon-duocengjiegou
机械汽摩

.icon-jixieqimo
邮箱

.icon-youxiang1
放大

.icon-expand
服务

.icon-fuwu1
网页网格线型图标-05

.icon-wangyewanggexianxingtubiao05
服务

.icon-fuwuicon
图标-07

.icon-tubiao07
放大

.icon-icon
微信

.icon-weixin1
采购商城手机端_1

.icon-caigoushangchengshoujiduan1
文化艺术

.icon-wenhuayishu
企业商铺

.icon-qiyeshangpu
电话

.icon-dianhua
图标_财富

.icon-tubiaocaifu
手机汉堡图标

.icon-guanwangicon31347
警告

.icon-iconfont49
企业身份

.icon-qiyeshenfen
服务

.icon-serve
nav_文化

.icon-navwenhua
删除

.icon-jinlingyingcaiwangtubiao40
微博

.icon-zliconweibo01
已过期

.icon-yiguoqi
icon-详细行程-酒店

.icon-iconxiangxixingchengjiudian
更多

.icon-gengduo
删除

.icon-delete
新闻

.icon-xinwen
企业群

.icon-icon1
05

.icon-ico-05
文化追根

.icon-wenhuazhuigen
保疾病

.icon-weibiaoti2
简介

.icon-jianjie
cnbeta_1193375_easyicon.net

.icon-cnbeta1193375easyiconnet
kx001_1193395_easyicon.net

.icon-kx0011193395easyiconnet
shanghaidianshitai_tv_1193408_easyicon.net

.icon-shanghaidianshitaitv1193408easyiconnet
更多选项

.icon-gengduoxuanxiang
购物车

.icon-icozhuanhuan
加油

.icon-jiayou
QQ

.icon-qq
地址

.icon-dizhi
维修

.icon-weixiu
uniE6A52

.icon-unie6a52
uniE6AC

.icon-unie6ac
uniE6AF

.icon-unie6af
uniE6B2

.icon-unie6b2
uniE6B7

.icon-unie6b7
uniE6B8

.icon-unie6b8
uniE6CA

.icon-unie6ca
uniE6CB

.icon-unie6cb
uniE6D32

.icon-unie6d32
uniE6E22

.icon-unie6e22
uniE6F1

.icon-unie6f1
uniE6F5

.icon-unie6f5
uniE6FD

.icon-unie6fd
uniE6FF

.icon-unie6ff
uniE69D

.icon-unie69d
uniE67C

.icon-unie67c
uniE70B

.icon-unie70b
uniE72B

.icon-unie72b
uniE649

.icon-unie649
uniE659

.icon-unie659
uniE663

.icon-unie663
uniE669

.icon-unie669
uniE671

.icon-unie671
uniE708

.icon-unie708
uniE712

.icon-unie712
uniE713

.icon-unie713
uniE715

.icon-unie715
uniE717

.icon-unie717
uniE719

.icon-unie719
uniE724

.icon-unie724
uniE725

.icon-unie725
uniE726

.icon-unie726
uniE729

.icon-unie729
uniE731

.icon-unie731
uniE733

.icon-unie733
uniE738

.icon-unie738
uniE739

.icon-unie739
uniE740

.icon-unie740
uniE6722

.icon-unie6722
uniE742

.icon-unie742
uniE6452

.icon-unie6452
uniE6462

.icon-unie6462
uniE6492

.icon-unie6492
uniE6692

.icon-unie6692
uniE6702

.icon-unie6702
uniE6712

.icon-unie6712
uniE6762

.icon-unie6762
uniE6862

.icon-unie6862
untitled2

.icon-untitled2
display

.icon-display
untitled27

.icon-untitled27
untitled43

.icon-untitled43
untitled72

.icon-untitled72
untitled65

.icon-untitled65
untitled92

.icon-untitled92
untitled99

.icon-untitled99
untitled102

.icon-untitled102
untitled130

.icon-untitled130
untitled134

.icon-untitled134
untitled126

.icon-untitled126
untitled140

.icon-untitled140
untitled149

.icon-untitled149
untitled151

.icon-untitled151
untitled152

.icon-untitled152
untitled107

.icon-untitled107
untitled114

.icon-untitled114
uniE8E9

.icon-unie8e9
uniE8EA

.icon-unie8ea
uniE8EB

.icon-unie8eb
uniE8EC

.icon-unie8ec
uniE8ED

.icon-unie8ed
uniE8EF

.icon-unie8ef
uniE8F1

.icon-unie8f1
uniE8F2

.icon-unie8f2
uniE8F3

.icon-unie8f3
uniE8F4

.icon-unie8f4
uniE8F9

.icon-unie8f9
uniE8FD

.icon-unie8fd
uniE61B

.icon-unie61b
uniE64C

.icon-unie64c
uniE64E

.icon-unie64e
uniE64F

.icon-unie64f
uniE65A

.icon-unie65a
uniE65E

.icon-unie65e
uniE65F

.icon-unie65f
uniE66D

.icon-unie66d
uniE66E

.icon-unie66e
uniE66F

.icon-unie66f
uniE67F

.icon-unie67f
uniE68C

.icon-unie68c
uniE68D

.icon-unie68d
uniE93C

.icon-unie93c
uniE602

.icon-unie602
uniE614

.icon-unie614
uniE619

.icon-unie619
uniE632

.icon-unie632
uniE658

.icon-unie658
uniE659

.icon-unie6591
uniE662

.icon-unie662
uniE640

.icon-unie640
uniE648

.icon-unie648
uniE652

.icon-unie652
uniE667

.icon-unie667
uniE672

.icon-unie672
uniE673

.icon-unie673
uniE675

.icon-unie675
uniE680

.icon-unie680
uniE683

.icon-unie683
uniE900

.icon-unie900
uniE908

.icon-unie908
uniE909

.icon-unie909
uniE938

.icon-unie938
uniE947

.icon-unie947
uniE957

.icon-unie957
uniE961

.icon-unie961
uniE962

.icon-unie962
untitled3

.icon-untitled3
untitled27

.icon-untitled271
untitled28

.icon-untitled28
untitled43

.icon-untitled431
untitled50

.icon-untitled50
untitled72

.icon-untitled721
untitled88

.icon-untitled88
untitled95

.icon-untitled95
untitled78

.icon-untitled78
untitled80

.icon-untitled80
untitled84

.icon-untitled84
untitled86

.icon-untitled86
untitled108

.icon-untitled108
untitled109

.icon-untitled109
untitled115

.icon-untitled115
untitled102

.icon-untitled1021
untitled104

.icon-untitled104
untitled106

.icon-untitled106
untitled140

.icon-untitled1401
untitled144

.icon-untitled144
untitled147

.icon-untitled147
untitled150

.icon-untitled150
pagelines

.icon-pagelines
31.ID-Horizontal

.icon-31idhorizontal
首页图标—svg-54

.icon-shouyetubiaosvg54
咖啡杯

.icon-2
liangshi

.icon-liangshi
新手引导

.icon-xinshouyindao
返回图标

.icon-fanhuitubiao
专业清洁

.icon-zhuanyeqingji
联系

.icon-lianxi
手机首页图标-01

.icon-shoujishouyetubiao01
黑暗_dark54

.icon-heiandark54
cogs

.icon-cogs
加油卡分配

.icon-jiayouqiafenpei
down

.icon-iconfonttiquliuliang
app分享

.icon-appfenxiang
修改

.icon-xiugai
资质

.icon-b
清洁

.icon-qingji1
扫一扫手机图标

.icon-saoyisaoshoujitubiao
分享－细

.icon-p-share-line
箭头

.icon-jiantou-copy
箭头

.icon-arrowDown
左箭头

.icon-zuojiantou
app_group_id

.icon-icon25
app_group_user

.icon-iconfonticon24
app_group_destop

.icon-icon28
app_group_recycle

.icon-icon29
app_group_scope

.icon-icon211
app_group_dowload

.icon-icon213
app_group_cart

.icon-icon31
app_group_transport

.icon-icon32
app_group_present

.icon-icon33
app_group_caculator

.icon-icon34
app_group_location

.icon-icon38
app_group_plane

.icon-icon310
app_group_bag

.icon-icon311
app_group_pie

.icon-icon11
app_group_wallet

.icon-icon13
app_group_safebox

.icon-icon14
app_group_moneybag

.icon-icon15
app_group_share

.icon-icon16
app_group_case

.icon-icon19
app_group_notepad

.icon-icon110
app_group_transfer

.icon-icon111
客服

.icon-kefu
简介

.icon-552cc4d25879a
改单管理

.icon-gaidanguanli
箭头

.icon-chevron-copy-copy-copy-copy-copy-copy
停车场

.icon-tingchechang
联系我们

.icon-lianxiwomen
微博

.icon-weibo1
购物

.icon-110
解决方案

.icon-jiejuefangan
汽油图标

.icon-qiyoutubiao
联系

.icon-lianxi1
app telephone

.icon-apptelephone-copy
新手引导

.icon-xinshouyindao1
app超级团实心

.icon-appchaojituanshixin
app旅游路线实心

.icon-applvyouluxianshixin
app乐游团实心

.icon-appleyoutuanshixin
联系我们

.icon-lianxiwomen1
文化与体育

.icon-wenhuayutiyu
设置图标-V1

.icon-shezhitubiaov1
警告

.icon-jinggao1
链接

.icon-lianjie2
机械手机械手

.icon-jixieshoujixieshou
机器大修改造

.icon-jiqidaxiugaizao
服务

.icon-fuwu-iconfont
网站规划，定制设计

.icon-yun1
时间轴-设置

.icon-shijianzhoushezhi
新闻

.icon-xinwen1
简介

.icon-jianjie1
讨论_详情

.icon-taolunxiangqing
服务

.icon-services
投资引导

.icon-touziyindao
app分享

.icon-appfenxiang1
模板5-教育经历

.icon-moban5jiaoyujingli
客服

.icon-kefu1
图片

.icon-iconfonttupian-copy
05

.icon-05
联系客服－联系客服

.icon-lianxikefulianxikefu
服务

.icon-fuwu2
解决方案-icon

.icon-jiejuefanganicon
向右箭头

.icon-xiangyoujiantou
箭头

.icon-jiantou-copy-copy
箭头

.icon-jiantou-copy-copy-copy
自由保首页未点击

.icon-moban
首页icon

.icon-shouyeicon
开店icon

.icon-kaidianicon
全部icon

.icon-quanbuicon
待付款icon

.icon-daifukuanicon
短信icon

.icon-duanxinicon
团购icon

.icon-tuangouicon
新品icon

.icon-xinpinicon
问题图标

.icon-icon05
服务

.icon-service
店铺管理

.icon-dianpuguanli
店铺设置

.icon-dianpushezhi
店铺宝贝

.icon-dianpubaobei
我的团队

.icon-wodetuandui
团队奖

.icon-tuanduijiang
商业中心

.icon-shangyezhongxin
放大

.icon-fangda
轴承

.icon-zhoucheng
企业设置

.icon-qiyeshezhi
时间轴

.icon-bk-timeline
日化清洁

.icon-rihuaqingji
精选产品

.icon-jingxuanchanpin
保

.icon-bao
团队

.icon-tuandui1
产品

.icon-chanpin
订单已清洁

.icon-dingdanyiqingji
合作

.icon-hezuo
更多

.icon-gengduo1
汽油图标

.icon-qiyoutubiao1
服务

.icon-1
新闻

.icon-icon02
05

.icon-051
图片

.icon-tupian
联系我们

.icon-lianxiwomen2
图标-07

.icon-tubiao071
qq

.icon-qq1
联系

.icon-lianxi2
产品

.icon-chanpin1
没有更多

.icon-meiyougengduo
服务

.icon-fuwu3
企业认证

.icon-authentication
企业保

.icon-qiyebao
家电清洁

.icon-jiadianqingji
1工程机械整机

.icon-1gongchengjixiezhengji
链接

.icon-lianjie3
传真

.icon-fax
深度清洁

.icon-shenduqingji
向右引导

.icon-to-right
down

.icon-weibiaoti101
我的企业

.icon-wodeqiye
文化

.icon-icon2
图标集合-05

.icon-tubiaojihe05
组织结构

.icon-zuzhijiegou
传真

.icon-chuanzhen
产品

.icon-chanpin2
新闻

.icon-xinwen2
文化

.icon-wenhua
警告

.icon-jinggao2
文化

.icon-wenhua1
合作人

.icon-hezuoren
团队

.icon-1401
荣誉

.icon-rongyu
企业公告

.icon-qiyegonggao
企业风采

.icon-qiyefengcai
APP网站展开

.icon-appwangzhanzhankai
团队

.icon-tuandui0201
企业文化

.icon-03
down

.icon-down
ICOM_没有更多

.icon-icommeiyougengduo
图标3_我的目录

.icon-tubiao3wodemulu
地址图标

.icon-dizhitubiao
联系我们

.icon-lianxiwomen3
商业地产

.icon-shangyedichan
团队

.icon-group
详细

.icon-xiangxi
业绩

.icon-yeji
服务

.icon-fuwu4
目的地_hover

.icon-point-fill
业绩查询

.icon-yejichaxun
合伙

.icon-hehuo-01
机械

.icon-jixie
金融类icon 图标-05

.icon-jinrongleiicontubiao-
51停车场

.icon-tingchechang1
置顶

.icon-zhiding
ddos

.icon-ddos
sppc

.icon-sppc
waf

.icon-waf
csb

.icon-csb
containerservice

.icon-containerservice
dts

.icon-dts
流计算

.icon-liujisuan
directmail

.icon-directmail
帮助中心

.icon-bangzhuzhongxin
图标-63

.icon-tubiao-

font-class引用

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

与unicode使用方式相比，具有如下特点：

兼容性良好，支持ie8+，及所有现代浏览器。
相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

第一步：引入项目下面生成的fontclass代码：

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

第二步：挑选相应图标并获取类名，应用于页面：

<i class="iconfont icon-xxx"></i>

"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。