# IconFont 图标

- 优惠
  .icon-youhui
- 喇叭
  .icon-laba
- 分享
  .icon-fenxiang
- 消息
  .icon-iconfontxiaoxi
- 锁定位置
  .icon-suodingweizhi
- 化妆品
  .icon-huazhuangpin
- 大加号
  .icon-big-plus
- 加号
  .icon-iconjia
- 减号
  .icon-iconjian
- 绑定
  .icon-bangding
- 全部商品_Nose
  .icon-moban2
- 感叹号
  .icon-gantanhao
- 使用中
  .icon-shiyongzhong
- 订单
  .icon-dingdan2
- 订单
  .icon-dingdan
- 行业
  .icon-xingye
- 收银
  .icon-shouyin
- 链接断裂
  .icon-lianjieduanlie
- 钟表
  .icon-zhongbiao
- 搜索
  .icon-sousuo
- 消息
  .icon-icon
- 会员卡
  .icon-huiyuanqia
- 会员
  .icon-huiyuan1
- 门店
  .icon-iconfontdianpu5
- 下箭头 xiajiantou
  .icon-xia
- 排序箭头D
  .icon-paixujiantoud-copy
- icon_二维码
  .icon-iconerweima
- 消息
  .icon-iconfontxiaoxi1
- 节点-会员画像
  .icon-jiedianhuiyuanhuaxiang
- 行业
  .icon-xingye-copy
- 礼物 活动
  .icon-liwuhuodong-copy
- 没有报案
  .icon-meiyoubaoan
- 加入购物车
  .icon-5
- 箭头 上
  .icon-jiantoushang
- 分享
  .icon-iconfont
- 密码
  .icon-mima
- 三横线
  .icon-sanhengxian
- 定位
  .icon-iconfontdingwei
- 扫码买单修改
  .icon-anonymous-iconfont
- 店铺图标
  .icon-home-store
- VIP
  .icon-vip
- iconfont-vip
  .icon-iconfontvip
- 用车管理
  .icon-yoncheguanli
- 收银
  .icon-iconshouyin
- 没有搜到信息‘
  .icon-meiyousoudaoxinxi
- 我的
  .icon-wode
- 心
  .icon-xin-copy
- 电话
  .icon-dianhua
- 消息公告
  .icon-xiaoxigonggao
- 卡片
  .icon-qiapian
- 营销
  .icon-yingxiao
- YDUI-感叹号(实心)
  .icon-yduigantanhaoshixin
- 箭头 上升
  .icon-jiantoushangsheng
- 箭头 下降
  .icon-jiantouxiajiang
- 排序箭头U
  .icon-up
- 茶泡泡-会员
  .icon-user
- 进入
  .icon-jinru
- 设置
  .icon-iconshezhi01
- 现金余额
  .icon-zhanghuyue
- 礼物
  .icon-liwu1
- 消息通知
  .icon-youxiaozhushou
- 择律-公用-更多 (1)
  .icon-zelvgongyonggengduo1
- 推荐
  .icon-tuijian
- 推广
  .icon-tuiguang
- 充值
  .icon-chongzhi
- 购物车
  .icon-gouwuche
- mf-添加购物车
  .icon-mftianjiagouwuche
- 定位
  .icon-dingwei3
- 删除
  .icon-iconzhenghe62
- 地区
  .icon-diqu
- 钻
  .icon-zuan
- 钻
  .icon-zuan1
- 减号
  .icon-jianhao
- 下架
  .icon-xiajia
- 现金
  .icon-xianjin1
- 钱包
  .icon-qianbao1
- 微分销－会员中心-01
  .icon-weifenxiaohuiyuanzhongxin01
- 删除
  .icon-shanchu6
- 感叹号
  .icon-gantanhao3
- 支付宝
  .icon-umidd17
- 折线点
  .icon-zhexiandian
- 感叹号
  .icon-gantanhao4
- 消息通知
  .icon-xiaoxitongzhi
- 会员卡
  .icon-kaxinxi
- 收款
  .icon-sweep
- 订单管理
  .icon-dingdanguanli
- 是否允许未完成盘点任务开单
  .icon-order1
- 未完成盘点任务是否允许开单
  .icon-icon-open
- 系统消息
  .icon-xitongxiaoxi
- 缺省-开心
  .icon-queshengkaixin
- 手机
  .icon-shouji
- 删除
  .icon-shanchu
- 服务
  .icon-fuwu
- 分享
  .icon-fenxiang2
- 朋友圈
  .icon-pengyouquan
- 下架
  .icon-xiajia1
- 编辑
  .icon-bianji
- 感叹号
  .icon-gantanhao1
- 手机
  .icon-shouji1
- 定位
  .icon-location
- 加入购物车
  .icon-jiarugouwuche
- 商品
  .icon-shangpin
- 消息
  .icon-xiaoxi
- 充值 (1)
  .icon-chongzhi1
- icon会员中心
  .icon-iconhuiyuanzhongxin
- 定位
  .icon-dingwei
- 设置
  .icon-shezhi1
- 执行调度
  .icon-zhixingdiaodu
- 404
  .icon-404
- 分享
  .icon-fenxiang1
- 星号
  .icon-xinghao
- 验证码
  .icon-iconzhenghe0729fuzhi93
- 资质
  .icon-zizhi
- 调查
  .icon-tiaocha
- 定位
  .icon-dingwei1
- 搜索
  .icon-sousuo1
- 推广
  .icon-tuiguang1
- 行业新闻
  .icon-hangyexinwen
- 个人信息
  .icon-gerenxinxi
- 分享
  .icon-fenxiang3
- 会员卡
  .icon-huiyuanqia1
- 小店
  .icon-xiaodian
- 活力松-M-没有银行卡或比特币
  .icon-huolisong-M-meiyouyinhangqiahuobitebi
- 分享
  .icon-fenxiang4
- 积分 (1)
  .icon-jifen
- 返回
  .icon-fanhui
- 设备管理
  .icon-shebeiguanli
- 微信
  .icon-weixin
- 扫一扫
  .icon-saoyisao
- 券
  .icon-quan11
- 公司名称
  .icon-gongsimingcheng
- 三个人
  .icon-sangeren
- 批量管理
  .icon-piliangguanli
- 表情-开心
  .icon-biaoqing-kaixin
- 扫一扫
  .icon-saoyisao1
- 删除
  .icon-shanchu1
- 下架
  .icon-xiajia2
- 标签
  .icon-biaoqian
- 卡
  .icon-chuzhi
- 短信验证码
  .icon-duanxinyanzhengma
- 预收款
  .icon-yushoukuan
- 扫一扫
  .icon-saoyisao2
- 微博
  .icon-weibo
- 全部订单
  .icon-quanbudingdan
- 地址
  .icon-dizhi
- 推荐
  .icon-tuijian1
- 手机
  .icon-shouji5
- 优惠
  .icon-youhui2
- 加号_大
  .icon-jiahao_da
- qq
  .icon-qq
- 钱包
  .icon-qianbao2
- 购物车添加
  .icon-gouwuchetianjia
- 小货车
  .icon-xiaohuoche
- 门店
  .icon-weibiaoti--
- 二维码
  .icon-dvt-saoys
- 删除
  .icon-shanchu2
- 感叹号
  .icon-gantanhao2
- 礼物 (1)
  .icon-liwu
- 订单
  .icon-dingdan1
- 我的
  .icon-wode1
- 短信验证码
  .icon-icons
- 扫一扫
  .icon-saoyisao3
- 优惠券-选中
  .icon-youhuiquan-fuben
- 统计 - p
  .icon-tongji-p
- 成功
  .icon-chenggong
- 扫一扫
  .icon-saoyisao4
- 全部-2
  .icon-quanbu-
- 地区
  .icon-diqu1
- 微信
  .icon-weixin1
- 收货地址
  .icon-shouhuodizhi
- 手机
  .icon-0039
- 手机
  .icon-shouji2
- 消息
  .icon-chatting
- 电话 (1)
  .icon-dianhua1
- 明细
  .icon-mingxi
- 二维码
  .icon-erweima2
- 现金
  .icon-xianjin
- 商品
  .icon-shangpin1
- 电话
  .icon-dingdanxiangqingdadianhua
- 进入
  .icon-jinru1
- 推广
  .icon-tuiguang2
- list_库存查询
  .icon-list_kucunchaxun
- 感叹号
  .icon-gantan_c
- 心
  .icon-xin
- 手机
  .icon-shouji6
- 成功
  .icon-successful
- 设置
  .icon-shezhi2
- 三横总类目
  .icon-sanhengzongleimu
- vip (1)
  .icon-vip1
- 二维码
  .icon-erweima
- 畜牧兽医技术推广中心
  .icon-xumushouyijishutuiguangzhongxin
- 优惠券
  .icon-youhuiquan
- 二维码
  .icon-erweima1
- 标签 (2)
  .icon-biaoqian1
- 预览
  .icon-eye
- 编辑
  .icon-bianji1
- 优惠券
  .icon-youhuiquan1
- 消息通知
  .icon-xiaoxitongzhi1
- 全部
  .icon-quanbu
- vip (1)
  .icon-vip2
- 充值
  .icon-chongzhi2
- 轮播图管理
  .icon-lunbotuguanli
- 密码
  .icon-mima1
- 积分 (2)
  .icon-jifen1
- 积分
  .icon-jifen2
- 删除
  .icon-shanchu3
- 搜索
  .icon-sousuo2
- 返回
  .icon-fanhui1
- 成功
  .icon-chenggong1
- 支付宝
  .icon-zhifubao1
- 扫一扫
  .icon-saoyisao5
- 推广 (2)
  .icon-tuiguang3
- 定位
  .icon-dingwei2
- 资质认证
  .icon-zizhirenzheng
- 设置
  .icon-shezhi
- 收银
  .icon-shouyin1
- 验证码
  .icon-yanzhengma
- 删除
  .icon-shanchu4
- 删除
  .icon-shanchu5
- 扫一扫
  .icon-saoyisao6
- 券
  .icon-quan
- 邀请
  .icon-yaoqing
- 地区
  .icon-diqu2
- 手机
  .icon-shouji3
- 获取分享二维码
  .icon-huoqufenxiangerweima
- 收款
  .icon-shoukuan
- 组合
  .icon-zuhe
- 减号
  .icon-weibiaoti-
- 全部
  .icon-quanbu1
- 支付-微信
  .icon-pay-wechat
- 箭头 上
  .icon-jiantoushang1
- 拓展客户
  .icon-tuozhankehu
- 闹铃-线性
  .icon-naoling-xianxing
- 拓客信息-选中
  .icon-tuokexinxi-xuanzhong
- 扫一扫
  .icon-saoyisao7
- 账单
  .icon-zhangdan3
- 资金
  .icon-PathCopy
- 三横
  .icon-nopic
- 个人中心二维码
  .icon-gerenzhongxinerweima
- 搜索
  .icon-sousuo3
- 绑定
  .icon-bangding1
- 设备管理
  .icon-shebeiguanli1
- 自助买单银行卡支付
  .icon-zizhumaidanyinhangqiazhifu
- 门店
  .icon-mendian
- 减号
  .icon-jianhao1
- 车载库存
  .icon-chezaikucun
- 微信 支付
  .icon-weixinzhifu
- 支付宝
  .icon-zhifubao
- 左箭头
  .icon-zuojiantou
- 收款二维码
  .icon-shoukuanerweima
- 手机
  .icon-shouji4
- 礼物-70
  .icon-liwu-
- 优惠
  .icon-youhui1
- 下箭头 xiajiantou
  .icon-xia1
- 卡
  .icon-qia
- 文件
  .icon-wenjian
- 会员
  .icon-huiyuan
- 上下箭头
  .icon-arrow-down
- 没有符合条件的商品
  .icon-ICON-meiyoufuhetiaojiandeshangpin
- 钱包
  .icon-qianbao
- 喇叭
  .icon-laba1
- 购物车
  .icon-gouwuche1
- 券
  .icon-quan1
- 拓客信息-选中
  .icon-tuokexinxi-xuanzhong1
- 拓客信息
  .icon-tuokexinxi
- 进入
  .icon-jinru2
- 加入购物车
  .icon-jiarugouwuche1
- 没有更多了
  .icon-meiyougengduoliao
- 资金
  .icon-zaixian-
- 推广2
  .icon-tuiguang4
- 使用中
  .icon-shiyongzhong1
- 轮播图
  .icon-lunbotu
- 券-5
  .icon-quan-
- 行业
  .icon-hangye
- 充值
  .icon-chongzhi3
- 订单-增加
  .icon-order-add2
- 订单-成功
  .icon-order-success
- 公司名称
  .icon-gongsimingcheng1
- _一级菜单 收付款管理
  .icon-_yijicaidanshoufukuanguanli
- 消息通知
  .icon-xiaoxitongzhi2
- 收银助手优惠核销
  .icon-coupon
- 推广
  .icon-tuiguang5
- 左箭头
  .icon-left-arrow
- 商品添加
  .icon-tubiao-
- 喇叭
  .icon-laba2
- 预览
  .icon-yulan
- 认证
  .icon-renzheng
- 上下箭头
  .icon-arrow-up
- 盘点
  .icon-pandian
- 客户拓展
  .icon-kehutuozhan
- 资质文件
  .icon-zizhiwenjian
- 批量
  .icon-piliang
- 资金流水
  .icon-zijinliushui
- 核销处理
  .icon-hexiaochuli

## 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"。