IconFont 图标
-
用户#icon-yonghu
-
首页#icon-shouye
-
task-request#icon-taskrequest
-
edit#icon-edit
-
库存#icon-kucun
-
tab-dict#icon-tabdict
-
系统管理#icon-xitongguanli
-
集体面试#icon-jitimianshi
-
消息通知#icon-xiaoxitongzhi
-
功能#icon-gongneng
-
开始测试#icon-iconfontbofanganniu
-
会议室#icon-huiyishi
-
14督办#icon-14duban
-
收缩#icon-shousuo
-
停止#icon-tingzhi
-
拒绝#icon-jujue
-
delete#icon-delete
-
流程管理#icon-procedures
-
费用#icon-money
-
负责人#icon-fuzeren
-
公文管理#icon-gongwenguanli
-
会议申请#icon-huiyishenqing
-
新闻#icon-xinwen
-
组织结构#icon-zuzhijiegou
-
历史#icon-lishi
-
user#icon-user
-
汇总查询#icon-huizongchaxun
-
申请#icon-shenqing
-
configure#icon-configure
-
办公#icon-bangong
-
收件箱#icon-jinlingyingcaiwangtubiao77
-
发件箱#icon-jinlingyingcaiwangtubiao78
-
操作日志#icon-caozuorizhi
-
iconfont-oa#icon-iconfontbangongzidonghua
-
报销#icon-baoxiao
-
statistics#icon-statistics
-
展开#icon-unfold
-
附件#icon-fujian
-
模块#icon-iconfontmokuaiguanli
-
exit#icon-exit
-
项目#icon-xiangmu
-
职位#icon-zhiwei
-
edit#icon-edit1
-
system#icon-system
-
模板#icon-moban
-
因公用车#icon-iconfontautochishi
-
行政#icon-xingzheng
-
分类#icon-fenlei
-
计划#icon-jihua
-
购物车#icon-gouwuche
-
company add#icon-iconfonticonfontweibiaoti10156
-
下载#icon-xiazai
-
schedule#icon-schedule
-
委托#icon-weituo
-
查看#icon-shape
-
申请新流程#icon-shenqingxinliucheng
-
aPersonaldata#icon-apersonaldata
-
人脉(选中)#icon-iconfontrenmaion
-
document#icon-document
-
hardware#icon-hardware
-
绩效#icon-jixiao
-
招聘#icon-zhaopin
-
查询#icon-wanggexinxi05
-
完成#icon-wancheng
-
安全保障#icon-xingzhuang40
-
印章#icon-yinzhang
-
info#icon-info
-
进度#icon-jindu
-
save#icon-save
-
history#icon-history1
-
机构#icon-jigou
-
通知入职#icon-tongzhiruzhiicon
-
bbg_设置密码#icon-bbgshezhimima
-
公告#icon-gonggao
-
history#icon-history
-
招聘#icon-zhaopin1
-
award#icon-award
-
items#icon-items
-
禁止#icon-o2
-
人事行政#icon-renshixingzheng
-
计划#icon-jihua1
-
应用#icon-yingyong
-
区域#icon-quyu
-
配置#icon-peizhi
-
汇报#icon-huibao
-
流程#icon-liucheng
-
个人借款 借款#icon-gerenjiekuanjiekuan
-
角色管理#icon-jiaoseguanli
-
工作流查询#icon-gongzuoliuchaxun
-
mould-choice#icon-mouldchoice
-
icon_启用-01#icon-iconqiyong01
-
icon_延期-01#icon-iconyanqi01
-
密码重置#icon-mimazhongzhi
-
组织管理#icon-zuzhiguanli
-
查看#icon-look
-
refresh#icon-refresh
-
add#icon-add1
-
添加用户#icon-tianjiayonghu
-
报销#icon-baoxiao1
-
合同#icon-hetong1
-
部门#icon-bumen
-
新闻公告#icon-xinwengonggao
-
待办#icon-daiban-copy
-
使用中2#icon-shiyongzhong2
-
权限#icon-quanxian
-
01权限管理-02#icon-01quanxianguanli01
-
会议室#icon-huiyishi1
-
查看数据#icon-chakanshuju
-
角色管理#icon-jiaoseguanli1
-
总结评估1#icon-zongjiepinggu1
-
developer#icon-kaifa
-
审批#icon-cf-c15
-
权限角色#icon-cf-c27
-
演讲#icon-yanjiang1
-
tsb_statistics_ico#icon-statisticsico
-
用户管理#icon-yonghuguanli
-
权限管理#icon-quanxianguanli
-
week#icon-week
-
自定义-流程管理#icon-09liuchengguanli
-
自定义-组织结构#icon-24zuzhijiegou
-
接收#icon-jieshou
-
应聘#icon-art-recruit-candidate
-
reset#icon-reset
-
student#icon-student1
-
任务#icon-renwu
-
撤销#icon-chexiao
-
Subtotal#icon-subtotal
-
上传#icon-shangchuan-copy
-
部门#icon-bumen1
-
计划管理#icon-jihuaguanli
-
icon_major5.2#icon-iconmajor52
-
进度查询#icon-jinduchaxun
-
icon_company_information-01#icon-iconcompanyinformation01
-
个人#icon-geren
-
查询#icon-chaxun
-
任务#icon-renwu1
-
raxicon_查询统计#icon-raxiconchaxuntongji
-
失败#icon-shibai
-
出差#icon-chucha
-
标识类_计划模板#icon-biaoshileijihuamoban
-
student#icon-student
-
借款#icon-jiekuan
-
template#icon-template
-
enroll#icon-73
-
teacher#icon-teacher
-
icon_audit#icon-icon_audit
-
icon-function-manager#icon-icon-function-manager
-
system#icon-system1
-
pc_competition#icon-pc_competition
-
enterprise#icon-enterprise
-
computer#icon-computer
-
企业信息#icon-art-system-company
-
state#icon-state
-
dbaudit数据库审计#icon-dbauditshujukushenji
-
工作类别-01#icon-art-system-function
-
Student#icon-Student
-
data statistics#icon-datastatistics
-
management-recruitin#icon-management-recruitin
-
scientific research#icon-scientificresearch
-
temporary#icon-yy-temporary
-
个人简历#icon-gerenjianli
-
专业课程#icon-art-system-major
-
research#icon-research
-
招聘#icon-art-recruit-recruit
-
树木#icon-shumu
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>