IconFont 图标
-
待收付款项预测#icon-gongchengkuanmingxichaxun
-
14付款查询#icon-fukuanzhunbeimingxichaxun
-
工作范围#icon-xiaozugongzuofanwei
-
待付款#icon-faqifukuanzhunbei
-
统计#icon-zhanglingtongji
-
已处理#icon-yichuliyingxiang
-
日历#icon-gongzuorili
-
提升效率#icon-rengongxiaolvtongji
-
单据维护#icon-daisaomiaodanju
-
我的申请#icon-wodeshenqing
-
查询#icon-gongxiangzhongxinchaxun
-
list_库存明细查询#icon-yewuzhaodaifeimingxichaxun
-
查询#icon-baoxiaodanjuzonghechaxun
-
监控类型-修改#icon-renwuchijiankong
-
分析报表#icon-fenxibaobiao
-
配送费#icon-navicon-psf
-
税票融资#icon-jinshuixiangchaxun
-
无支付报账单#icon-baozhangweidumingxi
-
付款通知#icon-zhunbeifukuan
-
分组#icon-fenzushezhi
-
顶部导航-收缩#icon-dingbudaohang-shousuo
-
顶部导航-展开#icon-dingbudaohang-zhankai
-
二级导航-出差申请查询#icon-erjidaohang-chuchashenqingchaxun
-
二级导航-待审批#icon-erjidaohang-daishenpi
-
二级导航-付款工作台#icon-erjidaohang-fukuangongzuotai
-
二级导航-付款申请#icon-erjidaohang-fukuanshenqing
-
二级导航-待扫描查询#icon-erjidaohang-daisaomiaochaxun
-
二级导航-供应商报账申请#icon-erjidaohang-gongyingshangbaozhangshenqing
-
二级导航-借还款申请#icon-erjidaohang-jiehuankuanshenqing
-
二级导航-委托授权#icon-erjidaohang-weituoshouquan
-
二级导航-已审批#icon-erjidaohang-yishenpi
-
二级导航-会计处理#icon-erjidaohang-huijichuli
-
二级导航-批量审批#icon-erjidaohang-piliangshenpi
-
二级导航-已扫描查询#icon-erjidaohang-yisaomiaochaxun
-
二级导航-资产报账#icon-erjidaohang-zichanbaozhang
-
二级导航-影像待办#icon-erjidaohang-yingxiangdaiban
-
二级导航-总账及其他#icon-erjidaohang-zongzhangjiqita
-
二级导航-员工报销申请#icon-erjidaohang-yuangongbaoxiaoshenqing
-
二级导航-差旅费明细查询#icon-erjidaohang-chalvfeimingxichaxun
-
一级导航-查询统计#icon-yijidaohang-chaxuntongji
-
一级导航-财务板块#icon-yijidaohang-caiwubankuai
-
顶部导航-首页#icon-dingbudaohang-shouye
-
一级导航-电子影像#icon-yijidaohang-dianziyingxiang
-
一级导航-审批流程#icon-yijidaohang-shenpiliucheng
-
一级导航-费用申请#icon-yijidaohang-feiyongshenqing
-
顶部导航-繁体中文#icon-dingbudaohang-fantizhongwen
-
三级导航-办公行政报账#icon-sanjidaohang-bangonghangzhengbaozhang
-
三级导航-办公行政报销#icon-sanjidaohang-bangonghangzhengbaoxiao
-
三级导航-保证金付款#icon-sanjidaohang-baozhengjinfukuan
-
三级导航-报销事前申请#icon-sanjidaohang-baoxiaoshiqianshenqing
-
三级导航-保证金押金#icon-sanjidaohang-baozhengjinyajin
-
三级导航-财务费用#icon-sanjidaohang-caiwufeiyong
-
三级导航-公司借还款#icon-sanjidaohang-gongsijiehuankuan
-
三级导航-费用计提及摊销#icon-sanjidaohang-feiyongjitijitanxiao
-
三级导航-内部往来#icon-sanjidaohang-neibuwanglai
-
三级导航-其他费用报账#icon-sanjidaohang-qitafeiyongbaozhang
-
三级导航-供应商预付款#icon-sanjidaohang-gongyingshangyufukuan
-
三级导航-投资#icon-sanjidaohang-touzi
-
三级导航-商务成本报账#icon-sanjidaohang-shangwuchengbenbaozhang
-
三级导航-税费#icon-sanjidaohang-shuifei
-
三级导航-营业外收支#icon-sanjidaohang-yingyewaishouzhi
-
三级导航-员工商务报销#icon-sanjidaohang-yuangongshangwubaoxiao
-
三级导航-在建工程转固#icon-sanjidaohang-zaijiangongchengzhuangu
-
三级导航-资产出售/报虚/盘亏#icon-sanjidaohang-zichanchushoubaoxupankui
-
三级导航-资本性支出报账#icon-sanjidaohang-zibenxingzhichubaozhang
-
三级导航-资产调拨#icon-sanjidaohang-zichantiaobo
-
三级导航-资产改良#icon-sanjidaohang-zichangailiang
-
三级级导航-福利成本报账#icon-sanjijidaohang-fulichengbenbaozhang
-
三级导航-资产其他#icon-sanjidaohang-zichanqita
-
三级级导航-员工福利报销#icon-sanjijidaohang-yuangongfulibaoxiao
-
三级导航-借还款凭证#icon-sanjidaohang-jiehuankuanpingzheng
-
三级级导航-员工借还款#icon-sanjijidaohang-yuangongjiehuankuan
-
办公费#icon-bangongfei
-
包装费#icon-baozhuangfei
-
办公行政用品费#icon-bangonghangzhengyongpinfei
-
保险费#icon-baoxianfei
-
报关费#icon-baoguanfei
-
安全生产#icon-anquanshengchan
-
仓储费#icon-cangchufei
-
财务费用-银行手续费#icon-caiwufeiyong-yinhangshouxufei
-
差旅事前申请#icon-chalvshiqianshenqing
-
偿还短期借款-银行自动扣款#icon-changhuanduanqijiekuan-yinhangzidongkoukuan
-
差旅费#icon-chalvfei
-
偿还内部借款#icon-changhuanneibujiekuan
-
四级导航-认证费#icon-sijidaohang-renzhengfei
-
偿还短期借款#icon-changhuanduanqijiekuan
-
偿还长期借款-银行自动扣款#icon-changhuanchangqijiekuan-yinhangzidongkoukuan
-
偿还长期期借款#icon-changhuanchangqiqijiekuan
-
存货报损报溢处理#icon-cunhuobaosunbaoyichuli
-
出售#icon-chushou
-
存货跌价#icon-cunhuodiejia
-
促销费用#icon-cuxiaofeiyong
-
存货盘点 盘亏#icon-cunhuopandianpankui
-
存货盘点 盘盈#icon-cunhuopandianpanying
-
递延收益#icon-diyanshouyi
-
代理费#icon-dailifei
-
短期借款#icon-duanqijiekuan
-
发起内部借款#icon-faqineibujiekuan
-
非审计费#icon-feishenjifei
-
费用预付款#icon-feiyongyufukuan
-
购汇#icon-gouhui
-
后续计量价值调整#icon-houxujiliangjiazhitiaozheng
-
购买#icon-goumai
-
计提车船税#icon-jitichechuanshui
-
计提城建税#icon-jitichengjianshui
-
计提递延所税负债#icon-jitidiyansuoshuifuzhai
-
计提地方教育费附加#icon-jitidifangjiaoyufeifujia
-
计提教育费附加#icon-jitijiaoyufeifujia
-
计提房产税#icon-jitifangchanshui
-
计提递延所税资产#icon-jitidiyansuoshuizichan
-
计提土地使用税#icon-jititudishiyongshui
-
计提消费税#icon-jitixiaofeishui
-
计提增值税#icon-jitizengzhishui
-
计提企业所得税#icon-jitiqiyesuodeshui
-
计提资金归集利息支出#icon-jitizijinguijilixizhichu
-
结汇#icon-jiehui
-
捐赠收入#icon-juanzengshouru
-
捐赠支出#icon-juanzengzhichu
-
缴纳税费#icon-jiaonashuifei
-
快递费#icon-kuaidifei
-
劳动保护费 2#icon-laodongbaohufei
-
劳动保护费#icon-laodongbaohufei1
-
利息收入-内部存款#icon-lixishouru-neibucunkuan
-
利息收入-银行存款#icon-lixishouru-yinhangcunkuan
-
利息收入-资金池存款#icon-lixishouru-zijinchicunkuan
-
计提土地增值税#icon-jititudizengzhishui
-
内部代垫费用#icon-neibudaidianfeiyong
-
绿化费#icon-lvhuafei
-
内部借款计息-债权方#icon-neibujiekuanjixi-zhaiquanfang
-
内部往来挂账#icon-neibuwanglaiguazhang
-
内部借款计息-债务方#icon-neibujiekuanjixi-zhaiwufang
-
内部借款收息#icon-neibujiekuanshouxi
-
赔偿收入#icon-peichangshouru
-
期间费用分摊#icon-qijianfeiyongfentan
-
内部银行账户划转#icon-neibuyinhangzhanghuhuazhuan
-
其他调整#icon-qitatiaozheng
-
其他新增#icon-qitaxinzeng
-
其他业务成本#icon-qitayewuchengben
-
其他应收款坏账准备#icon-qitayingshoukuanhuaizhangzhunbei
-
确认其他应收款坏账#icon-querenqitayingshoukuanhuaizhang
-
确认应收账款坏账#icon-querenyingshouzhangkuanhuaizhang
-
取得内部借款#icon-qudeneibujiekuan
-
软件服务费#icon-ruanjianfuwufei
-
商检费#icon-shangjianfei
-
上下游业务罚款#icon-shangxiayouyewufakuan
-
社团费#icon-shetuanfei
-
社保公积金#icon-shebaogongjijin
-
试验检验费#icon-shiyanjianyanfei
-
收回坏账#icon-shouhuihuaizhang
-
收到股息#icon-shoudaoguxi
-
手机#icon-shouji
-
收取押金#icon-shouquyajin
-
收取保证金#icon-shouqubaozhengjin
-
收回内部借款#icon-shouhuineibujiekuan
-
水电气费#icon-shuidianqifei
-
四级导航-车辆费用 2#icon-sijidaohang-cheliangfeiyong
-
税金#icon-shuijin
-
四级导航-车辆费用#icon-sijidaohang-cheliangfeiyong1
-
四级导航-广告宣传费#icon-sijidaohang-guanggaoxuanchuanfei
-
四级导航-会议费#icon-sijidaohang-huiyifei
-
四级导航-交通费#icon-sijidaohang-jiaotongfei
-
四级导航-通讯费#icon-sijidaohang-tongxunfei
-
四级导航-培训费#icon-sijidaohang-peixunfei
-
四级导航-市场推广费#icon-sijidaohang-shichangtuiguangfei
-
四级导航-招标费#icon-sijidaohang-zhaobiaofei
-
四级导航-业务招待费#icon-sijidaohang-yewuzhaodaifei
-
四级导航-职工教育经费#icon-sijidaohang-zhigongjiaoyujingfei
-
四级导航-综合福利补贴#icon-sijidaohang-zonghefulibutie
-
外部借款付息#icon-waibujiekuanfuxi
-
退回各类保证金及押金#icon-tuihuigeleibaozhengjinjiyajin
-
外部借款计息#icon-waibujiekuanjixi
-
维修保养费#icon-weixiubaoyangfei
-
污水处理费#icon-wushuichulifei
-
损耗品费用#icon-sunhaopinfeiyong
-
行政收费#icon-hangzhengshoufei
-
应收账款坏账准备#icon-yingshouzhangkuanhuaizhangzhunbei
-
员工借款#icon-yuangongjiekuan
-
样品费#icon-yangpinfei
-
员工现金还款#icon-yuangongxianjinhuankuan
-
员工转账还款#icon-yuangongzhuanzhanghuankuan
-
运输费#icon-yunshufei
-
在建工程转固#icon-zaijiangongchengzhuangu
-
展览费#icon-zhanlanfei
-
增值税进项税转出#icon-zengzhishuijinxiangshuizhuanchu
-
长期借款#icon-changqijiekuan
-
招聘费#icon-zhaopinfei
-
支付保证金#icon-zhifubaozhengjin
-
支付股息#icon-zhifuguxi
-
支付内部借款利息#icon-zhifuneibujiekuanlixi
-
支付税收罚款及滞纳金#icon-zhifushuishoufakuanjizhinajin
-
支付现金折扣#icon-zhifuxianjinzhekou
-
支付外部借款利息#icon-zhifuwaibujiekuanlixi
-
支付投资款#icon-zhifutouzikuan
-
专业机构费#icon-zhuanyejigoufei
-
支付资金池存款利息#icon-zhifuzijinchicunkuanlixi
-
装卸驳运费#icon-zhuangxieboyunfei
-
资产处置#icon-zichanchuzhi
-
资产调拨svg#icon-zichantiaobosvg
-
资产采购#icon-zichancaigou
-
资产技改#icon-zichanjigai
-
资产减值报账单#icon-zichanjianzhibaozhangdan
-
资金归集-下拨#icon-zijinguiji-xiabo
-
租赁费用#icon-zulinfeiyong
-
资产盘点报账单#icon-zichanpandianbaozhangdan
-
政府补助#icon-zhengfubuzhu
-
顶部导航-退出系统#icon-dingbudaohang-tuichuxitong
-
顶部导航-简体中文#icon-dingbudaohang-jiantizhongwen
-
顶部导航-帮助svg#icon-dingbudaohang-bangzhusvg
-
顶部导航-英文#icon-dingbudaohang-yingwen
-
双箭头#icon-shuangjiantou
-
金额浮窗icon#icon-jinefuchuangicon
-
正在处理#icon-zhengzaichuli
-
已处理#icon-yichuli
-
未处理#icon-weichuli
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>