

Font class

查看项目

订单管理

.common-dingdanguanli1
报表

.common-baobiao4
驾驶舱

.common-jiashicang
订单新

.common-dingdanxin
快件操作

.common-kuaijiancaozuo
关务3.0

.common-guanwu
运单

.common-yundan
物料

.common-wuliao
文件

.common-wenjian
系统

.common-xitong1
结算

.common-jiesuan
关务

.common-guanwu1
主数据

.common-zhushuju
转运

.common-zhuanyun
走件

.common-zoujian
APP操作

.common-APPcaozuo
快件操作查询

.common-kuaijiancaozuochaxun
验

.common-yan
营运管理

.common-ico_yunyingguanli-copy
二级菜单

.common-ico_erjicaidan
金刚应用指数

.common-ico_jingangyingyongzhishu
密码

.common-mima1
设置

.common-shezhi4
ico_帮助

.common-ico_bangzhu
工艺设备管理

.common-ico_gongyishebei
订单管理

.common-ico_dingdnaguanli
驾驶舱移动端（新）

.common-ico_jiashicang
风控数据

.common-ico_fengkongshuju
第三方运输

.common-ico_disanfangyunshu
会员管理

.common-ico_huiyuan
仓储物料

.common-ico_cangchuwuliao
快件操作

.common-ico_kuaijiancaozuo
开发平台管理系统

.common-ico_kaifaguanli
结算管理

.common-ico_jiesuanguanli
路由管理

.common-ico_luyou
门户管理

.common-ico_menhu
切换

.common-ico_qiehuan
数据分析

.common-ico_shoujufenxi
新物料

.common-ico_newwuliao
路由管理新

.common-ico_newluyou
全链路智能管控

.common-ico_quanlianlu
消息推送平台

.common-ico_xiaoxituisong
统一走件

.common-ico_tongyizoujian
收派终端

.common-ico_shoupaizhongduan
个人中心

.common-ico_wode
退出

.common-ico_tuichu
问题反馈

.common-ico_wentifankui
系统管理

.common-ico_xitongguanli
业财融合平台

.common-ico_yecaironghe
预警工单管理系统

.common-ico_yujinggongdan
圆通日历

.common-ico_yuantongrili
自动处罚

.common-ico_zidongchufa
新主数据

.common-ico_xinzhushuju
反馈填写

.common-fankuitianxie
ARROW2

.common-ARROW1
ARROW

.common-ARROW
惠

.common-hui
参(1)

.common-can
配(3)

.common-pei
查询-

.common-chaxun-
查询+

.common-chaxun2
logo

.common-ytologo
心

.common-xin
查询

.common-chaxun
心

.common-xin1
查询

.common-chaxun1
模式切换

.common-moshiqiehuan
008屏幕放大

.common-008pingmufangda
009屏幕缩小

.common-009pingmusuoxiao
五角星

.common-star1
关闭

.common-guanbi
启用

.common-qiyong1
关闭

.common-guanbi1
批量管理

.common-piliangguanli
设置启用

.common-qiyong-cricle
取消设置启用

.common-quxiaoshezhiqiyong
upload

.common-upload
download

.common-download
下载

.common-xiazai
上传

.common-shangchuan1
下载

.common-xiazai1
上传

.common-shangchuan
相机

.common-xiangji
仓库

.common-cangku1
问号

.common-wenhao1
资料库

.common-ziliaoku
待发货

.common-daifahuo1
优惠券

.common-coupon
过滤

.common-guolv
条形码

.common-tiaoxingma
Loading

.common-Loading
优惠信息

.common-youhuixinxi
失败

.common-shibai1
优惠

.common-youhui
失败

.common-shibai2
道路组管理

.common-daoluzuguanli
异常补录

.common-yichangbulu
作业道路

.common-zuoyedaolu
作业里程

.common-zuoyelicheng
作业时长

.common-zuoyeshichang
定位

.common-location
绑定

.common-bangding1
书签

.common-shuqian1
广播

.common-guangbo
收件成功

.common-shoujianchenggong
收件

.common-shoujian
权限列表

.common-permissions
设置

.common-shezhi2
船务文件

.common-chuanwuwenjian
问号

.common-wenhao2
合作伙伴

.common-hezuohuoban
待发货

.common-tubiaolunkuo-
公告管理

.common-navicon-gggl
库存帐

.common-navicon-kcz
推送

.common-tuisong
快递

.common-truck2
火车

.common-huoche1
基础事件分类

.common-jichushijianfenlei
钱包

.common-qianbao2
资料管理

.common-ziliaoguanli
AK-YK结算台

.common-yk_jiesuantai
船

.common-chuan
AK-MN休息

.common-mn_xiuxi
飞机

.common-feiji1
预览

.common-yulan1
五角星

.common-wujiaoxing
报表分析

.common-baobiaofenxi
钱包

.common-ziyuan1
道路巡查

.common-daoluxuncha
固定-填充

.common-guding-tianchong
合同

.common-hetong
扫描

.common-saomiao
保存方案

.common-jichushezhi
提醒

.common-tixing1
管理

.common-guanli
全屏

.common-quanping
国外转国内

.common-guowaizhuanguonei
网络入侵

.common-wangluoruqin
bill_compute

.common-bill_compute
警告

.common-jinggao1
相机

.common-xiangji1
一级-数据保护伞

.common-yiji-shujubaohusan
一级-StreamStudio

.common-yiji-StreamStudio
眼镜

.common-yanjing
压缩包

.common-yasuobao
会员

.common-huiyuan-
伞

.common-san
全屏

.common-quanping1
route-2

.common-route-
提醒

.common-naozhongxiaoxitixing
新闻

.common-xinwen1
开庭公告

.common-kaitinggonggao
信息

.common-xinxi
mic

.common-mic
truck-loading

.common-truck-loading
网络-58

.common-wangluo-
待发货

.common-daifahuo2
成功

.common-chenggong2
预览

.common-yulan2
收藏

.common-uncollect
提醒

.common-tixing2
绑定支付宝

.common-bangdingzhifubao
汽车

.common-qiche
email

.common-email1
帮助2

.common-bangzhu1
online

.common-online
退出

.common-exit
皮肤管理

.common-pifuguanli
mic

.common-mic1
信息

.common-xinxi1
固定

.common-guding
WIFI4

.common-WIFI
WIFI

.common-WIFI1
仓库管理

.common-cangkuguanli-
发货

.common-fahuo
待发货

.common-daifahuo3
审批

.common-shenpi
过滤器01

.common-thin_filter_fun
设置

.common-shezhi3
定义设置

.common-dingyishezhi
成功提示里面的勾

.common-chenggongtishilimiandegou
基础数据管理

.common-jichushujuguanli
组织架构

.common-jiegoushuguanli-
权限

.common-quanxian
金融机构代收

.common-jinrongjigoudaishou
流程-默认

.common-liucheng-moren
扫描

.common-saomiao1
快递员，送快递

.common-huaban-
预付卡

.common-yufuqia
快递，送货

.common-huabankaobei-
设置

.common-shezhi
class

.common-class
open_email

.common-openemail
more

.common-more
热线电话

.common-rexiandianhua
一级-数据管道管控台

.common-yiji-shujuguandaoguankongtai
灯泡

.common-bulb
185058 - grid lines streamline

.common-185058gridlinesstreamline
icon_addmessage

.common-icon_addmessage
truck

.common-truck
汽车

.common-qiche1
绑定银行卡

.common-bangdingyinxingqia
发送

.common-fasong
优惠券_文字

.common-youhuiquanwenzi
UI_icon2_重点部位巡查1

.common-UI_icon_zhongdianbuweixuncha
热线

.common-rexian
mima_显示密码

.common-mima_xianshimima
重点路段

.common-zhongdianluduan
礼物活动

.common-liwuhuodong
服务热线

.common-icon
wifi

.common-wifi
礼物

.common-liwu
cc-pic

.common-cc-pic
新闻

.common-xinwen
合作

.common-hezuo
广播

.common-broadcast
待发货

.common-daifahuo
火车

.common-huoche
收藏

.common-shoucang
WiFi

.common-iconset0285
信息

.common-iconset0337
网络

.common-iconset0402
地球

.common-iconset0403
iconfont-1

.common-iconfont1
pay

.common-pay
truck

.common-truck1
仓库

.common-cangku2
手机淘宝

.common-shoujitaobao
绑定微信

.common-bangdingweixin
查询条件

.common-querycriteria
详情

.common-6
手机

.common-shouji
码头

.common-matou
服务耳机 2

.common-fuwuerji2
马肖

.common-maxiao
收藏

.common-shoucang1
收货

.common-icon-receive
list_码头

.common-listmatou
时间

.common-shijian
停止

.common-tingzhi1
条形码1-01

.common-tiaoxingma101
品质保障

.common-pinicon
pics

.common-pics
失败表情

.common-shibaibiaoqing
淘宝

.common-taobao
钱包

.common-qianbao
钻石

.common-quality
国际机票

.common-guojijipiao
国际因私

.common-guojiyinsi
灯泡

.common-dengpao
提示

.common-tishi
施工监理

.common-icon6
i-休息

.common-xiuxi
报表

.common-baobiao
成功 - 不带圈

.common-success_no_circle
钱包

.common-qianbao1
五角星

.common-ai65
二维码

.common-erweima
问号

.common-wenhao
提醒

.common-remind
email

.common-email
route

.common-route
保险销售

.common-baoxianxiaoshou
失败

.common-shibai
帮助

.common-icon_help
报表分析

.common-baobiaoguanli
已过期

.common-yiguoqi
工作流程-01

.common-gongzuoliucheng01
扫描3

.common-saomiao3
书签

.common-shuqian
系统

.common-xitong
swt-icon-快递 (1)

.common-swticonkuaidi1
swt-icon-快递

.common-swticonkuaidi
提醒

.common-tixing
密码

.common-mima
成功

.common-chenggong
手机

.common-shouji1
管理2

.common-guanli2
时间

.common-shijian1
pay

.common-pay1
iconfont-16

.common-clear
报表

.common-baobiao1
包车

.common-baoche
路径

.common-gonglu
home

.common-home
wifi-1

.common-wifi-1
设置

.common-shezhi1
已发货

.common-yifahuo
员工渠道APP-保险产品

.common-baoxianchanpin
钻石

.common-diamond
收藏

.common-shoucang2
wifi

.common-wifi1
会员

.common-huiyuan
快递1

.common-kuaidi1
exchange

.common-exchange7
组织架构

.common-zuzhijiagou
合同审批

.common-hetongshenpi
环境保护

.common-huanjingbaohu
预警

.common-yujing
断开链接

.common-duankailianjie
机构

.common-jigou
More

.common-More
成功

.common-chenggong1
已失效

.common-yishixiao
警告

.common-warning
重点人员-涉稳人员

.common-zhongdianrenyuan-shewenrenyuan
方向

.common-89
客服女

.common-kefunv
29道路

.common-daolu
报表

.common-baobiao2
灯

.common-deng
路障

.common-jingwuicon_svg-
贷款

.common-weibiaoti5
警告

.common-jinggao
信息

.common-icon-test
定位

.common-icon-test1
报表

.common-baobiao3
11中转站-线性

.common-zhongzhuanzhan-xianxing
24组织架构、接口

.common-zuzhijiagoujiekou
902投诉

.common-tousu
86-恢复备份

.common-huifubeifen
数据

.common-shuju
常用分类

.common-changyongfenlei
44贷款-线性

.common-daikuan-xianxing
住房补贴

.common-zhufangbutie
绑定

.common-bangding
解绑

.common-jiebang
拒绝委托

.common-jujueweituo
帮助

.common-bangzhu
供应商预付款

.common-gongyingshangyufukuan
合同审批

.common-hetongshenpi1
五角星空

.common-wujiaoxingkong
机火中转

.common-jihuozhongzhuan
国际机票

.common-guojijipiao1
国内游

.common-guoneiyou
飞机

.common-feiji
五角星

.common-star
收件箱

.common-shoujianxiang
网络_f

.common-wangluo_f
时间_f

.common-shijian_f
船锚

.common-chuanmao
快递箱，快递小哥

.common-courierboxshi
预览

.common-yulan
定位

.common-dingwei
权限管理

.common-quanxianguanli
文件

.common-wenjiandocuments4
文件夹收起

.common-wenjianjiashouqi
文件夹展开

.common-wenjianjiazhankai
测绘发布-打开文件夹

.common-cehuifabudakaiwenjianjia
列表5

.common-liebiao5
列表9

.common-liebiao9
结算

.common-settleaccounts
列表

.common-biaoge
列表

.common-liebiao
订单

.common-dingdan
排序-降

.common-paixujiang
排序-升

.common-paixusheng
高级查询

.common-query1
钢材运费补贴

.common-gangcaiyunfeibutie
menu off

.common-menuoff
menu on

.common-menuon
订单

.common-dingdanguanli
menufold

.common-menufold
menuunfold

.common-menuunfold
切换科室

.common-qiehuankeshi
订单

.common-dingdan2
Excel

.common-Excel
批量删除

.common-piliangshanchu
订单已成功

.common-dingdanyichenggong
播放

.common-bofang
暂停

.common-suspend_icon
新文件夹

.common-xinwenjianjia
开文件夹

.common-kaiwenjianjia
导入

.common-daoru1
导出

.common-daochu
保存

.common-baocun
停止

.common-tingzhi
文件夹

.common-wenjianjia
启用

.common-qiyong
拒绝

.common-refuse
订单

.common-ziyuan
展开

.common-zhankai
展开

.common-zhankai-
文件夹

.common-wenjianjia1
切换

.common-qiehuan
列表

.common-liebiao3
文件夹打开

.common-wenjianjiadakai
基础明细

.common-jichumingxi
商户结算查询

.common-shanghujiesuanchaxun
列表

.common-liebiao4
备份

.common-beifen
详情

.common-xiangqing
文件夹（关闭）

.common-wenjianjiaguanbi
文件夹（打开）

.common-wenjianjiadakai1
Excel

.common-Excel1
Word

.common-Word
Excel

.common-Excel2
文件-文件撤回

.common-wj-wjch
整单维护异常

.common-zhengdanweihuyichang
合同列表

.common-hetongliebiao-
File downloading

.common-Filedownloading
File protection

.common-Fileprotection
创建工单

.common-chuangjiangongdan
打印

.common-dayin
合同管理

.common-hetongguanli
订单结算

.common-tubiao_dingdanjiesuan
方案结算

.common-tubiao_fanganjiesuan
menu3

.common-menu3
menu4

.common-menu4
stop

.common-stop
会员

.common-huiyuan1
字体

.common-zitifont5
24小时发货

.common-24xiaoshifahuo
48小时发货

.common-48xiaoshifahuo
72小时发货

.common-72xiaoshifahuo
天猫-123时效

.common-tianmao123shixiao
数字0

.common-shuzi0
数字5

.common-shuzi5
数字3

.common-shuzi3
数字7

.common-shuzi7
数字8

.common-shuzi8
数字2

.common-shuzi2
数字6

.common-shuzi6
数字9

.common-shuzi9
数字1

.common-shuzi1
数字4

.common-shuzi4
字母排序

.common-sort
level-2

.common-level-2
level-4

.common-level-4
level-5

.common-level-5
level-1

.common-level-1
level-3

.common-level-3
level-6

.common-level-6
level-7

.common-level-7
level-8

.common-level-8
level-9

.common-level-9
level-10

.common-level-10
字母转大写

.common-zimuzhuandaxie
字母转小写

.common-zimuzhuanxiaoxie
双箭头上

.common-shuangjiantoushang1
双箭头下

.common-shuangjiantouxia1
双箭头右

.common-shuangjiantouyou
双箭头左

.common-shuangjiantouzuo
level-up

.common-levelup
方向

.common-23
箭头

.common-arrow_shang_solid
箭头

.common-arrow_xia_solid
exchange3-交换

.common-exchange3
箭头3-1

.common-jiantou31
箭头3-2

.common-jiantou32
箭头3-3

.common-jiantou33
箭头3-4

.common-jiantou34
箭头_右

.common-jiantouyou
箭头_左

.common-jiantouzuo
右双箭头

.common-youshuangjiantou
左双箭头

.common-zuoshuangjiantou
右播放

.common-youbofang
左播放

.common-zuobofang
撤回

.common-withdraw
arrowsalt

.common-arrowsalt
arrows_expand

.common-arrows_expand
arrows_expand_diagonal1

.common-arrows_expand_diagonal
arrows_shrink_horizontal1

.common-arrows_shrink_horizontal
上箭头

.common-shangjiantou
下箭头

.common-xiajiantou
右箭头

.common-youjiantou
左箭头

.common-zuojiantou
308上一页、后退、返回-线性圆框

.common-shangyiyehoutuifanhui-xianxingyuankuang
308上一页、后退、返回-圆框

.common-shangyiyehoutuifanhui-yuankuang
309下一页、前进、查看更多-线性圆框

.common-xiayiyeqianjinchakangengduo-xianxingyuankuang
309下一页、前进、查看更多-圆框

.common-xiayiyeqianjinchakangengduo-yuankuang
level-down

.common-level-down
箭头上

.common-jiantoushang
箭头下

.common-jiantouxia
内容切换

.common-exchange4
绿洲_切换

.common-exchange5
单箭头-左

.common-danjiantou-zuo
单箭头-右

.common-danjiantou-you
前进-实

.common-qianjin-shi
前进-空

.common-qianjin-kong
后退-实

.common-houtui-shi
后退-空

.common-houtui-kong
箭头_上一页

.common-jiantou_shangyiye
箭头_下一页

.common-jiantou_xiayiye
箭头_上下切换

.common-exchange6
箭头_左上_o

.common-jiantou_zuoshang_o
箭头_上一页_o

.common-jiantou_shangyiye_o
箭头_下一页_o

.common-jiantou_xiayiye_o
箭头_右上_o

.common-jiantou_youshang_o
箭头_右下_o

.common-jiantou_youxia_o
箭头_左下_o

.common-jiantou_zuoxia_o
全屏缩小

.common-quanpingsuoxiao
全屏显示

.common-quanpingxianshi
切换

.common-qiehuan3
刷新

.common-shuaxin
返回

.common-fanhui
切换

.common-qiehuan4
双箭头下

.common-shuangjiantouxia
双箭头上

.common-shuangjiantoushang
转下级

.common-zhuanxiaji
转上级

.common-zhuanshangji
双箭头右

.common-shuangjiantouyou1
双箭头左

.common-shuangjiantouzuo1
Arrow down 1

.common-Arrowdown
Arrow left 1

.common-Arrowleft
Arrow right 1

.common-Arrowright
Arrow up 1

.common-Arrowup
Arrows climbing

.common-Arrowsclimbing
刷新

.common-shuaxin1
随机播放

.common-exchange2
切换

.common-exchange1
icon_exchange

.common-exchange
69-主题

.common-zhuti
箭头1_右上

.common-jiantou_youshang
箭头1_右下

.common-jiantou_youxia
箭头1_左下

.common-jiantou_zuoxia
箭头1_左上

.common-jiantou_zuoshang
减少数字

.common-minus2
增加数字

.common-add
增加

.common-add_crude
减少

.common-minus_crude
增加

.common-plus
修改

.common-edit1
修改

.common-edit
删除

.common-icon-delete1
新增

.common-add1
批量

.common-add_multiple
减少

.common-minus
删除

.common-delete
减少

.common-line2
减少

.common-line3
people-12-个人

.common-people_search
people-10-个人

.common-people_add
people-9-个人

.common-people_delete
people-6-个人

.common-people_edit
people-5-个人

.common-people_change
people-4-个人

.common-people_three
people-3-个人

.common-people_two
people-2-个人

.common-yonghu
people-13-个人

.common-people_msg
people-11-个人

.common-people_password
people-8-个人

.common-people_confirm
people-7-个人

.common-people_config
people_list_light

.common-people_list_light
切换角色

.common-qiehuanjiaose
管理员

.common-guanliyuan
会员

.common-peoplehuiyuan
用户

.common-people

font-class 引用

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

与 Unicode 使用方式相比，具有如下特点：

兼容性良好，支持 IE8+，及所有现代浏览器。
相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

第一步：引入项目下面生成的 fontclass 代码：

<link rel="stylesheet" href="./iconfont.css">

第二步：挑选相应图标并获取类名，应用于页面：

<span class="iconfont common-xxx"></span>

" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。