IconFont 图标
-
信息.icon-xinxi
-
ico-注册.icon-icozhuce
-
地点.icon-didian
-
赞.icon-zan
-
勾.icon-gou
-
查找.icon-chazhao
-
报告列表.icon-baogaoliebiao
-
4.icon-4
-
5.icon-5
-
6.icon-6
-
7.icon-7
-
9.icon-9
-
10.icon-10
-
3.icon-3
-
11.icon-11
-
8.icon-8
-
1.icon-1
-
2.icon-2
-
刷新.icon-shuaxin
-
下拉箭头.icon-xialajiantou
-
提交成功.icon-iconfonttijiaogongdan
-
24.icon-24
-
25.icon-25
-
32.icon-32
-
33.icon-33
-
36.icon-36
-
38.icon-38
-
39.icon-39
-
40.icon-40
-
41.icon-41
-
42.icon-42
-
返回1.icon-fanhui1
-
27.icon-27
-
55-kefu.icon-55kefu
-
56-shexiangtou.icon-56shexiangtou
-
57-fanzhuan.icon-57fanzhuan
-
58-qiehuan.icon-58qiehuan
-
59-qiehuan2.icon-59qiehuan2
-
64-weihu.icon-64weihu
-
北京银行.icon-iconfontbeijingyinxing
-
工商银行.icon-iconfontgongshangyinxing
-
华夏银行.icon-iconfonthuaxiayinxing
-
建设银行.icon-iconfontjiansheyinxing
-
交通银行.icon-iconfontjiaotongyinxing
-
南京银行.icon-iconfontnanjing
-
农业银行.icon-iconfontnongyeyinxing
-
中国人民银行.icon-iconfontrenmin
-
上海浦发银行.icon-iconfontshanghaipudongfazhanyinxing
-
兴业银行.icon-iconfontxingye
-
邮政银行.icon-iconfontyouzheng
-
招商银行.icon-iconfontzhaoshangyinxing
-
浙商银行.icon-iconfontzheshang
-
中国银行.icon-iconfontzhongguoyinxing
-
中信银行.icon-iconfontzhongxin
-
iconfont-shenzhenfazhan.icon-iconfontshenzhenfazhan
-
80-tanhao.icon-80tanhao
-
81-paizhao.icon-81paizhao
-
手机.icon-shouji
-
83-gantanhao.icon-83gantanhao
-
84-tijiao.icon-84tijiao
-
平安银行.icon-iconfontpinganyinhang
-
减.icon-jikediancanicon08
-
加.icon-jikediancanicon09
-
问号.icon-wenhao
-
98-sousuo.icon-98sousuo
-
99-daxin.icon-99daxin
-
101-weituochaxun.icon-101weituochaxun
-
103-jiekuanjilu.icon-103jiekuanjilu
-
qq.icon-qq
-
104-chicangxiangqing.icon-104chicangxiangqing
-
105-qianbao.icon-105qianbao
-
沙漏2.icon-shalou2
-
82shexiang.icon-iconfont82shexiang
-
100-zhengxin.icon-100zhengxin
-
102-yinuobao.icon-102yinuobao
-
106-gangganchaogu.icon-106gangganchaogu
-
107-ganggandaxin.icon-107ganggandaxin
-
108-gangganquxian.icon-108gangganquxian
-
109-还款.icon-109huankuan
-
148-退出.icon-148tuichu
-
iconfont-dahua.icon-iconfontdahua
-
iconfont-dongya.icon-iconfontdongya
-
iconfont-hengfeng.icon-iconfonthengfeng
-
iconfont-hengsheng.icon-iconfonthengsheng
-
iconfont-huaqiao.icon-iconfonthuaqiao
-
iconfont-huifeng.icon-iconfonthuifeng
-
iconfont-nanyangshangye.icon-iconfontnanyangshangye
-
iconfont-xingzhan.icon-iconfontxingzhan
-
iconfont-yongheng.icon-iconfontyongheng
-
155-gonggao.icon-155gonggao
-
156-jiantou.icon-156jiantou
-
162yinlianyanzheng.icon-162yinlianyanzheng
-
174-iconfont-shouji.icon-174iconfontshouji
-
177-youxiang.icon-177youxiang
-
提示.icon-tishi
-
200iconfont-neimenggu.icon-200iconfontneimenggu
-
201iconfont-guanbi.icon-201iconfontguanbi
-
202iconfont-yinuobao.icon-202iconfontyinuobao
-
204iconfont-wenhao.icon-204iconfontwenhao
-
207iconfont-guanbi.icon-207iconfontguanbi
-
删除.icon-delete
-
微信.icon-weixin
-
225ico-辅助材料.icon-225icofuzhucailiao
-
227ico-电话银行.icon-227icodianhuayinxing
-
226ico-开通网银.icon-226icokaitongwangyin
-
228ico-相机.icon-228icoxiangji
-
扫一扫.icon-saoyisao
-
渠道部门.icon-121
-
242ico-成功.icon-242icochenggong
-
245ico-传真.icon-245icochuanzhen
-
对勾.icon-duigou
-
257ico-提示.icon-257icotishi
-
258ico-人脸.icon-258icorenlian
-
259ico-安静.icon-259icoanjing
-
273iconfont-勾选.icon-273iconfontgouxuan
-
278iconfont-提示.icon-278iconfonttishi
-
282iconfont-申请失败.icon-282iconfontshenqingshibai
-
283iconfont-开户成功.icon-283iconfontkaihuchenggong
-
295iconfont-证券开户.icon-295iconfontzhengquankaihu
-
296iconfont-理财开户.icon-296iconfontlicaikaihu
-
297iconfont-返回.icon-297iconfontfanhui
-
感叹号.icon-gantanhao
-
下拉小三角.icon-xialaxiaosanjiao
-
339iconfont-银行卡.icon-iconfont-yinhangqia
-
342iconfont-光照.icon-iconfont-guangzhao
-
356iconfont-拿稳手机.icon-iconfont-nawenshouji
-
355iconfont-边框.icon-iconfont-biankuang
-
358iconfont-中国银行.icon-iconfont-zhongguoyinhang
-
359iconfont-农业银行.icon-iconfont-nongyeyinhang
-
360iconfont-工商银行.icon-iconfont-gongshangyinhang
-
357iconfont-人民银行.icon-iconfont-renminyinhang
-
362iconfont-交通银行.icon-iconfont-jiaotongyinhang
-
361iconfont-建设银行.icon-iconfont-jiansheyinhang
-
363iconfont-邮政银行.icon-iconfont-youzhengyinhang
-
365iconfont-中信银行.icon-iconfont-zhongxinyinhang
-
366iconfont-招商银行.icon-iconfont-zhaoshangyinhang
-
367iconfont-恒丰银行.icon-iconfont-hengfengyinhang
-
370iconfont-光大银行.icon-iconfont-guangdayinhang
-
369iconfont-兴业银行.icon-iconfont-xingyeyinhang
-
372iconfont-华夏银行.icon-iconfont-huaxiayinhang
-
371iconfont-浦发银行.icon-iconfont-pufayinhang
-
374iconfont-渤海银行.icon-iconfont-bohaiyinhang
-
364iconfont-平安银行.icon-iconfont-pinganyinhang
-
373iconfont-民生银行.icon-iconfont-minshengyinhang
-
375iconfont-浙商银行.icon-iconfont-zheshangyinhang
-
376iconfont-北京银行.icon-iconfont-beijingyinhang
-
368iconfont-广发银行.icon-iconfont-guangfayinhang
-
377iconfont-上海银行.icon-iconfont-shanghaiyinhang
-
378iconfont-江苏银行.icon-iconfont-jiangsuyinhang
-
379iconfont-盛京银行.icon-iconfont-shengjingyinhang
-
383iconfont-南京银行.icon-iconfont-nanjingyinhang
-
384iconfont-长沙银行.icon-iconfont-changshayinhang
-
386iconfont-大连银行.icon-iconfont-dalianyinhang
-
383iconfont-南京银行.icon-iconfont-nanjingyinhang1
-
389iconfont-银行边框.icon-iconfont-yinhangbiankuang
-
393iconfont-侧边抽屉.icon-iconfont-cebianchouti
-
395iconfont-头像.icon-iconfont-touxiang
-
398iconfont-报错.icon-iconfont-baocuo1
-
401iconfont-内蒙古银行.icon-iconfont-neimengguyinhang
-
403iconfont-广州银行.icon-iconfont-guangzhouyinhang
-
402iconfont-宁波银行.icon-iconfont-ningboyinhang
-
404iconfont-杭州银行.icon-iconfont-hangzhouyinhang
-
406iconfont-刷新.icon-iconfont-shuaxin
-
407iconfont-info.icon-iconfont-info
-
410iconfont-地址.icon-iconfont-dizhi
-
409iconfont-按省查找.icon-iconfont-anshengchazhao
-
408iconfont-联系我们.icon-iconfont-lianxiwomen
-
174-iconfont-shouji.icon--iconfont-shouji
-
245ico-传真.icon-ico-chuanzhen
-
177-youxiang.icon--youxiang
-
411iconfont-推荐.icon-iconfont-tuijian
-
412iconfont-海通客服.icon-iconfont-haitongkefu
-
413iconfont-正确.icon-iconfont-zhengque
-
414iconfont-错误.icon-iconfont-cuowu
-
415iconfont-下载.icon-iconfont-xiazai
-
427iconfont-感叹号.icon-iconfont-gantanhao
-
429iconfont-头部完整.icon-iconfont-toubuwanzheng
-
428iconfont-光线充足.icon-iconfont-guangxianchongzu
-
430iconfont-wifi.icon-iconfont-wifi
-
340iconfont-身份证.icon-iconfont-shenfenzheng1
-
431iconfont-问题反馈.icon-iconfont-wentifankui
-
432iconfont-清理缓存.icon-iconfont-qinglihuancun
-
433iconfont-加号.icon-iconfont-jiahao
-
439iconfont-开户进度.icon-iconfont-kaihujindu
-
437iconfont-渠道.icon-iconfont-qudao
-
438iconfont-帮助中心.icon-iconfont-bangzhuzhongxin
-
434iconfont-客服.icon-iconfont-kefu
-
435iconfont-问号.icon-iconfont-wenhao
-
436iconfont-信息.icon-iconfont-xinxi
-
440iconfont-匹配.icon-iconfont-pipei
-
441iconfont-不匹配.icon-iconfont-bupipei
-
448iconfont-正确.icon-iconfont-zhengque1
-
449iconfont-错误.icon-iconfont-cuowu1
-
451iconfont-电话.icon-iconfont-dianhua
-
452iconfont-相机.icon-iconfont-xiangji
-
455iconfont-盾牌.icon-iconfont-dunpai
-
259ico-安静.icon-ico-anjing
-
396iconfont-光明.icon-iconfont-guangming
-
456iconfont-时间.icon-iconfont-shijian
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"。