# IconFont 图标

- 删除
  #icon-shanchu
- 我的资产
  #icon-wodezichan
- 小箭头
  #icon-xiaojiantou
- 设置
  #icon-ttpodicon
- 退款
  #icon-llrefundmessageicon
- 购物车
  #icon-gouwuche1
- 收藏
  #icon-shoucang3
- 待评价
  #icon-daipingjia
- 收藏
  #icon-shoucang
- 消息
  #icon-xiaoxi
- 分享
  #icon-share
- 支付宝
  #icon-zhifu
- 加
  #icon-jia
- 减
  #icon-jian
- 我的资产
  #icon-wodezichan1
- 3.1退款退货
  #icon-tuikuantuihuo
- 3.1-刷新
  #icon-31shuaxin
- 3.1回到顶部
  #icon-31huidaodingbu
- 定位
  #icon-shape3
- 微信支付
  #icon-weixinzhifu
- icon_小于号
  #icon-iconxiaoyuhao
- 我的订单
  #icon-wodedingdan
- 店铺活动
  #icon-dianpuhuodong2
- 首页
  #icon-shouye2
- 待评价
  #icon-p-wait-assess
- 签到
  #icon-qiandao
- 保存
  #icon-baocun
- 勾
  #icon-gou
- vip
  #icon-vip
- 分类管理
  #icon-fenleiguanli
- 首页
  #icon-weibiaoti1
- 三角形下拉
  #icon-sanjiaoxingxiala
- 分类
  #icon-fenlei-copy
- 类目 品类 分类 类别.2
  #icon-leimupinleifenleileibie2
- 预存款
  #icon-103
- 大于
  #icon-icondayu
- 店铺首页
  #icon-dianpuzhuye
- 分类
  #icon-fenlei
- 店铺街
  #icon-dianpujie
- 三点
  #icon-unie644
- 周边店铺
  #icon-zhoubiandianpu
- 我的
  #icon-wode1
- 全部商品
  #icon-quanbushangpin
- 商品描述_加载失败
  #icon-shangpinmiaoshujiazaishibai
- 代金券
  #icon-daijinquan
- 我的
  #icon-iconfontzhizuobiaozhun08
- 待发货
  #icon-daifahuo
- 车
  #icon-che
- 商品销售
  #icon-shangpinxiaoshou
- 发票
  #icon-fapiao
- 红包
  #icon-hongbao
- 待付款
  #icon-daifukuan
- 发货中
  #icon-xiaotubiao01
- 分类
  #icon-fenlei1
- -_未选择
  #icon-weixuanze
- 下拉
  #icon-xiala-copy
- 客服
  #icon-kefu
- 足迹 - 2222
  #icon-zuji2222
- 消息
  #icon-information
- 微博
  #icon-weibo
- 微信
  #icon-weixin
- 代付款
  #icon-daifukuan1
- 评论
  #icon-pinglun
- 店铺
  #icon-dianpu
- cart_light
  #icon-cart_light
- cart_fill_light
  #icon-cart_fill_light
- 搜索-搜索
  #icon-sousuo-sousuo
- 爱心
  #icon-heart
- 上下
  #icon-shangxia
- 待收货
  #icon-daishouhuo
- 消息
  #icon-xiaoxi1
- 充值卡充值
  #icon-chongzhiqiachongzhi
- 订单
  #icon-dingdan
- 我的商城03
  #icon-wodeshangcheng1
- 搜索
  #icon-sousuo
- 财产
  #icon-caichan
- 分享
  #icon-fenxiang
- QQ
  #icon-qq
- 预存款
  #icon-yucunkuan
- 上传照片
  #icon-shangchuanzhaopian
- 定位
  #icon-dingwei
- 待自提
  #icon-daiziti
- 返回
  #icon-fanhui
- QQ
  #icon-QQ
- 店铺上新
  #icon-dianpushangxin
- 返回
  #icon-fanhui2
- 选择
  #icon-xuanze
- 积分
  #icon-jifen
- 积分订单
  #icon-jifendingdan-copy
- 推荐店铺
  #icon-tuijiandianpu-copy
- 商家
  #icon-shangjia-copy
- 设置
  #icon-12-copy-copy-copy
- vip-card
  #icon-vip-card-copy
- 申请
  #icon-shouji-copy
- 个人资料
  #icon-gerenziliao-copy
- 三点
  #icon-unie6441
- 关闭
  #icon-guanbi
- 手机号
  #icon-shoujihao
- 删 除
  #icon-shanchu1
- 钱包
  #icon-qianbao
- 收 藏
  #icon-shoucang1
- 收 藏（我的）
  #icon-shoucang2
- 扫一扫
  #icon-richscan_icon
- 箭头 上
  #icon-jiantoushang
- 箭头 上
  #icon-jiantoushang1
- 箭头 右
  #icon-jiantouyou
- 箭头 下
  #icon-jiantouxia
- 地址管理
  #icon-icon-test
- 向右的箭头
  #icon-xiangyoudejiantou
- 下 拉
  #icon-xiala-copy-copy
- 订单
  #icon-dingdan1
- 搜索--1
  #icon-soushuo
- 定位
  #icon-dingwei1
- 购物车
  #icon-gouwuche
- 下 拉
  #icon-toDown
- 分 享
  #icon-fenxiang2
- 用户设置
  #icon-yonghushezhi

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