IconFont 图标

购物车空

.icon-shopping-cart
lock

.icon-lock
设置

.icon-setting
上门提货2

.icon-shangmentihuo2
image

.icon-image
多用户

.icon-users
layout

.icon-layout
check

.icon-check
close

.icon-close
tag_fill

.icon-tagfill
tag

.icon-tag
delete

.icon-delete
清单

.icon-qingdan
天猫提示-警示

.icon-infofill
派送

.icon-paisong
calendar

.icon-calendar
wrench

.icon-wrench
新增

.icon-xinzeng
email

.icon-email
qq

.icon-qq
add

.icon-add
我的api

.icon-api
folder-open

.icon-folderopen-fill
失败

.icon-shibai
chart

.icon-piechart
tags

.icon-tags
color

.icon-palette
删除

.icon-iconfontshanchu
download

.icon-download
mark

.icon-flag
facebook

.icon-facebook
font

.icon-font
download

.icon-download1
settings

.icon-settings
angle-right

.icon-angleright
fold

.icon-fold
home

.icon-home
unfold

.icon-unfold
back

.icon-back
right

.icon-right
attachment

.icon-attachment
编辑

.icon-icon07
产品

.icon-product
upload

.icon-upload
提货

.icon-2
退货

.icon-icon042
search

.icon-search
退货

.icon-tuihuo
成功

.icon-success
审核

.icon-shenhe
android-checkbox-outline

.icon-cboutline
android-checkbox-outline-blank

.icon-cboutlineblank
文件夹

.icon-folder
定制

.icon-iconzhuanqu19
random

.icon-random
睁眼

.icon-zhengyan
飞机

.icon-font12
chart

.icon-chart
radio-checked

.icon-radioon
radio-unchecked

.icon-radiooff
提货记录-01

.icon-tihuojilu01
保存

.icon-baocun
道路施工

.icon-shigong
设备

.icon-shebei
拍照

.icon-paizhao
页面

.icon-page-fill
G

.icon-g
页面

.icon-page
皮肤

.icon-skin
link

.icon-link
复制

.icon-fuzhi
会计核算

.icon-hesuan
标签

.icon-tag1
消息

.icon-message
赔付

.icon-iconfontpei1
编辑

.icon-edit
标星

.icon-star
通知

.icon-notice
向上1

.icon-triangleup
向下1

.icon-triangledown
password

.icon-password
合

.icon-he
sitemap

.icon-sitemap
标签

.icon-iconfontbiaoqian
仓储

.icon-cangchu1
充值

.icon-msg6
三竖线

.icon-sanshuxian
文档

.icon-wendang
笑脸

.icon-xiaolian
销毁

.icon-xiaohui1
注册

.icon-register
多语言

.icon-i18n
form

.icon-form
user

.icon-usercopy
导出

.icon-daochu1
提货券

.icon-tihuoquan-copy
home-fill

.icon-homefill
员工信息

.icon-staff
未消费

.icon-weixiaofei0
视频

.icon-iconfontshipin
提货up

.icon-tihuoup
权限

.icon-authority
44

.icon-44
shouye

.icon-shouye
fa-arrow-left

.icon-arrow-left
时钟

.icon-clock1
首页

.icon-shouye1
撤销;

.icon-chexiao
部门

.icon-department
电话

.icon-dianhua
loading

.icon-loading1
减

.icon-minus
设为默认地址

.icon-sheweimorendizhi
组织

.icon-organization
购物提货

.icon-gouwutihuo
海关

.icon-78
微信

.icon-wechat
物流

.icon-wuliu1
编辑

.icon-edit2
支付宝

.icon-zhifubao
纸飞机icon-279585

.icon-airplane
仓储

.icon-cangchu0101
文件夹

.icon-folderfill
导出

.icon-daochu
recharge

.icon-recharge
审

.icon-shen1
警示

.icon-info
tr-add

.icon-iconadd
tr-gift

.icon-trgift
tr-error

.icon-trerror
tr-warehouse

.icon-trwarehouse
tr-address

.icon-traddress
tr-account

.icon-traccount
tr-coupon

.icon-trcoupon
tr-user

.icon-truser
tr-service

.icon-trservice
找回密码闭眼icon

.icon-biyan
检测

.icon-jiance
品牌

.icon-weibiaoti2
pda icon

.icon-pdaicon
未开始（已选）

.icon-weikaishiyixuan
欠费一览

.icon-qianfeiyilan
品牌

.icon-pinpai
赞

.icon-good
管理

.icon-guanli
停用

.icon-tingyong
同步

.icon-tongbu
框中钩

.icon-kuangzhonggou
轨迹

.icon-track-line-fill
菜单

.icon-caidan
搜索

.icon-sousuo
检测

.icon-jiance1
0机场

.icon-0jichang
高级清点

.icon-gaojiqingdian
更新

.icon-gengxin
退回

.icon-tuihui
Adjustments

.icon-adjust
QQ企鹅

.icon-QQqie
最新

.icon-tubiaozuixin01-copy-copy
提货单

.icon-tihuodan
流程-项目上线

.icon-publish
TXT

.icon-TXT
仓储管理

.icon-cangchuguanli
仓储

.icon-cangchu
定制

.icon-dingzhi
我的账单

.icon-wodezhangdan
提货申请

.icon-tihuoshenqing
工作台

.icon-gongzuotai
项目信息管理

.icon-xiangmuxinxiguanli
l引导页图标

.icon-lyindaoyetubiao
退货

.icon-tuihuo1
睁眼

.icon-zhengyan1
待办

.icon-pending
笑脸

.icon-fa-headphones
拖动

.icon-tuodong
销毁

.icon-xiaohui
补充资料

.icon-buchongziliao
充值记录

.icon-chongzhijilu
对比

.icon-compare
默认地址

.icon-morendizhi
仓库

.icon--
手机

.icon-shouji
addpeople_fill

.icon-addpeople_fill
引导牌

.icon-yindaopai
闭眼

.icon-biyan1
流水

.icon-liushui
赔

.icon-pei
运输中

.icon-yunshuzhong
grs_logo

.icon-grs_logo
索赔

.icon-suopei1
品牌

.icon-pinpai1
登录

.icon-login
赔付图标

.icon-peifutubiao
理赔

.icon-claims
txt

.icon-txt1
pdf

.icon-pdf1
word

.icon-word1
压缩

.icon-yasuo
excel

.icon-excel1
打印

.icon-dayin
考勤打卡

.icon-daka
加

.icon-add2
icon-logo-short-fb4

.icon-icon-logo-short-fb4
icon-logo-fb4

.icon-icon-logo-fb4
icon-logo-short-grs

.icon-icon-logo-short-grs
icon-logo-grs

.icon-icon-logo-grs
icon-logo-short-fb4

.icon-icon-logo-short-fb4-copy
loading

.icon-loading
拓扑图_角色

.icon-tuoputu_jiaose
bell

.icon-bell
comment

.icon-comment
camera

.icon-camera
dashboard

.icon-dashboard
duplicate

.icon-duplicate
cog

.icon-cog
edit

.icon-edit1
facetime-video

.icon-facetime-video
globe

.icon-globe
envelope

.icon-envelope
info-sign

.icon-info-sign
map-marker

.icon-map-marker
menu-down

.icon-menu-down
menu-left

.icon-menu-left
menu-right

.icon-menu-right
menu-up

.icon-menu-up
link

.icon-link1
paperclip

.icon-paperclip
plus

.icon-plus
pushpin

.icon-pushpin
minus

.icon-minus1
picture

.icon-picture
remove

.icon-remove
question-sign

.icon-question-sign
remove-circle

.icon-remove-circle
scissors

.icon-scissors
search

.icon-search1
tag

.icon-tag2
shopping-cart

.icon-shopping-cart1
star-empty

.icon-star-empty
warning-sign

.icon-warning-sign
tint

.icon-tint
user

.icon-user
menu-hamburger

.icon-menu-hamburger
打印

.icon-dayin1
刷新

.icon-shuaxin
icon-logo-short-ds

.icon-icon-dss
用户中心s

.icon-yonghuzhongxins
数据权限管理

.icon-shujuquanxianguanli
系统日志

.icon-xitongrizhi
数据授权

.icon-shujushouquan
停用

.icon-tingyong1
权限对象管理

.icon-quanxianduixiangguanli
删除

.icon-shanchu
授权管理

.icon-shouquanguanli
资源管理

.icon-ziyuanguanli
应用系统

.icon-yingyongxitong
用户分配角色

.icon-yonghufenpeijiaose
编辑

.icon-bianji
字段权限管理

.icon-ziduanquanxianguanli
功能权限管理

.icon-gongnengquanxianguanli
启用

.icon-qiyong
查看权限

.icon-chakanquanxian
字段授权

.icon-ziduanshouquan
功能授权

.icon-gongnengshouquan
ico-pcs-logo

.icon-ico-pcs-logo1
BCT-logo

.icon-bct
excel

.icon-excel1-copy
WIKI_x

.icon-PXchanpintubiao-1
JIRA

.icon-PXchanpintubiao-
JIRA_s

.icon-PXchanpintubiao-2
WIKI_s

.icon-PXchanpintubiao-3
客服索赔系统_x

.icon-PXchanpintubiao-5
客服索赔系统_s

.icon-PXchanpintubiao-4

font-class引用

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

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

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

使用步骤如下：

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

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

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

<i class="iconfont icon-xxx"></i>

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