IconFont 图标
-
日历#icon-rili
-
用户#icon-47
-
返回#icon-back
-
delete#icon-delete
-
编辑#icon-edit
-
方块#icon-fangkuai
-
减#icon-jian
-
退出#icon-logout
-
侧边05#icon-cebian05
-
加#icon-jia
-
右箭头#icon-youjiantou
-
图表 折线图#icon-tubiaozhexiantuxe602
-
home#icon-home
-
信息#icon-5
-
箭头向下#icon-jiantouxiangxia
-
更新#icon-gengxin
-
向下箭头#icon-xiangxiajiantou-copy
-
清理#icon-qingli
-
存#icon-cun
-
二维码#icon-erweima
-
粘贴#icon-paste
-
导入#icon-daoru
-
复制链接#icon-link
-
项目申报#icon-xiangmushenbaoguanli
-
left#icon-weibiaoti2
-
right#icon-weibiaoti21
-
名片#icon-mingpian
-
确认合同 确认 合同 确定#icon-comfirm
-
查询#icon-chaxun
-
用户#icon-weibiaoti113
-
三角#icon-triangle-left
-
日历#icon-date
-
实名#icon-smz
-
周报#icon-zhoubao
-
勾#icon-gou-copy
-
配置管理#icon-system-config
-
12万元申报#icon-12wanyuanshenbao
-
关注#icon-guanzhu2
-
审核#icon-17shenhe
-
关注#icon-weibiaoti105
-
纳税申报#icon-nashuishenbao
-
交通银行#icon-jiaotongyinhang1
-
box#icon-box
-
032.用户切换#icon-role
-
申报管理-A表#icon-shenbaoguanli-Abiao
-
error#icon-error
-
申请#icon-shenqing-copy
-
QQ#icon-QQ1
-
选择#icon-xuanze
-
status-right#icon-status-right
-
企业直报#icon-qiyezhibao
-
报#icon-bao1
-
中国邮政储蓄#icon-zhongguoyouzhengchuxu
-
中国建设银行#icon-zhongguojiansheyinhang
-
切换#icon-change
-
App-舱单确报#icon-App-cangdanquebao
-
开票#icon-kaipiaochenggong
-
error#icon-error1
-
浦发银行#icon-pufayinhang1
-
认证#icon-smrz
-
报#icon-bao
-
兴业银行#icon-xingyeyinhang1
-
农业银行#icon-nongyeyinhang
-
中国银行#icon-zhongguoyinhang1
-
招商银行#icon-zhaoshangyinhang1
-
税务申报#icon-shuiwushenbao
-
切换用户#icon-role1
-
status-fai#icon-fork
-
工商银行#icon-gongshangyinhang1
-
缴款(细)#icon-jiaokuanxi
-
进度填报#icon-jindutianbao
-
三角#icon-sanjiao
-
复制#icon-copy
-
箭头下#icon-darrow
-
用户#icon-me
-
资源管理#icon-resource
-
箭头上#icon-rectangle
-
ios#icon-ios
-
android#icon-android
-
微信#icon-wechat
-
新增#icon-add
-
删除#icon-trash
-
关闭#icon-close
-
箭头右#icon-rectangle2
-
用户管理#icon-user
-
应用管理#icon-app
-
点击#icon-dianji
-
素材#icon-sucai
-
光大银行#icon-guangdayinhang
-
民生银行#icon-minshengyinhang1
-
status-edit#icon-status-edit
-
警报发送#icon-jingbaofasong
-
进#icon-jin
-
销#icon-xiao
-
房租#icon-house
-
备品_领用管理#icon-beipin_lingyongguanli
-
过期#icon-guoqi
-
钱#icon-qian
-
申报表查询打印#icon-shenbaobiaochaxundayin
-
企业微信图标#icon-wework
-
搜索#icon-sousuo
-
微信#icon-wechat2
-
微信#icon-weixin
-
右上角筛选#icon-shaixuan
-
B类企业所得税申报#icon-Bleiqiyesuodeshuishenbao
-
小规模增值税发票#icon-xiaoguimozengzhishuifapiao
-
票种核定信息#icon-piaozhonghedingxinxi
-
越限异常查询#icon-error-search
-
备案#icon-beian
-
扣除#icon-kouchu
-
所有#icon-suoyou
-
查询管理#icon-query
-
箭头 左双-01#icon-asleft
-
退格#icon-backspace
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>