# 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-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-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
- 404
  #icon-404
- 分享
  #icon-fenxiang1
- 星号
  #icon-xinghao
- 验证码
  #icon-iconzhenghe0729fuzhi93
- 资质
  #icon-zizhi
- 定位
  #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-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
- 感叹号
  #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-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-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-gongsimingcheng1
- _一级菜单 收付款管理
  #icon-_yijicaidanshoufukuanguanli
- 消息通知
  #icon-xiaoxitongzhi2
- 收银助手优惠核销
  #icon-coupon
- 推广
  #icon-tuiguang5
- 左箭头
  #icon-left-arrow
- 商品添加
  #icon-tubiao-
- 喇叭
  #icon-laba2
- 预览
  #icon-yulan
- 认证
  #icon-renzheng
- 上下箭头
  #icon-arrow-up
- 客户拓展
  #icon-kehutuozhan
- 资质文件
  #icon-zizhiwenjian
- 批量
  #icon-piliang
- 资金流水
  #icon-zijinliushui

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