# 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

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