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
symbol引用
这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:
- 支持多色图标了,不再受单色限制。
- 通过一些技巧,支持像字体那样,通过
font-size
,color
来调整样式。 - 兼容性较差,支持 ie9+,及现代浏览器。
- 浏览器渲染svg的性能一般,还不如png。
使用步骤如下:
第一步:引入项目下面生成的symbol代码:
<script src="./iconfont.js"></script>
第二步:加入通用css代码(引入一次就行):
<style type="text/css">
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
第三步:挑选相应图标并获取类名,应用于页面:
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xxx"></use>
</svg>