# 

- 
  生日礼物
  &#xe753;
- 
  手机
  &#xe601;
- 
  列表
  &#xe600;
- 
  购物车满
  &#xe602;
- 
  出租
  &#xe604;
- 
  钻石
  &#xe605;
- 
  鞋\箱包
  &#xe606;
- 
  精选市场
  &#xe607;
- 
  珠宝饰品
  &#xe608;
- 
  家具建材
  &#xe609;
- 
  家用电器
  &#xe60a;
- 
  食品
  &#xe60b;
- 
  母婴玩具
  &#xe60d;
- 
  数码手机
  &#xe60e;
- 
  鞋/包
  &#xe60f;
- 
  女装内衣
  &#xe610;
- 
  户外运动
  &#xe611;
- 
  化妆品
  &#xe612;
- 
  汽车配件
  &#xe613;
- 
  家纺家饰
  &#xe614;
- 
  居家
  &#xe615;
- 
  医药保健
  &#xe616;
- 
  图书音像
  &#xe617;
- 
  切换器右
  &#xe618;
- 
  切换器左
  &#xe619;
- 
  七天无理由退换货
  &#xe61a;
- 
  正品保障
  &#xe61b;
- 
  帮助中心
  &#xe61c;
- 
  输入
  &#xe61d;
- 
  切换器（上）
  &#xe61e;
- 
  男装
  &#xe61f;
- 
  鞋
  &#xe620;
- 
  家纺
  &#xe621;
- 
  地区浮层弹出警告
  &#xe622;
- 
  电梯类目
  &#xe623;
- 
  回流区价格
  &#xe624;
- 
  箭头粗
  &#xe625;
- 
  箭头细
  &#xe626;
- 
  充水电
  &#xe627;
- 
  家居用品
  &#xe628;
- 
  家庭清洁
  &#xe629;
- 
  进口商品
  &#xe62a;
- 
  粮油副食
  &#xe62b;
- 
  美容洗护
  &#xe62c;
- 
  母婴产品
  &#xe62d;
- 
  生鲜水果
  &#xe62e;
- 
  食品饮料
  &#xe62f;
- 
  满88元包邮
  &#xe630;
- 
  我的资产
  &#xe631;
- 
  看过
  &#xe632;
- 
  购物日历
  &#xe633;
- 
  我关注的品牌
  &#xe634;
- 
  直播间
  &#xe635;
- 
  天猫超市-购物车
  &#xe636;
- 
  天猫超市-零食
  &#xe637;
- 
  内衣（男装）
  &#xe638;
- 
  女鞋
  &#xe639;
- 
  运动
  &#xe63a;
- 
  内衣
  &#xe63c;
- 
  超市
  &#xe63d;
- 
  户外
  &#xe63e;
- 
  换一批
  &#xe63f;
- 
  小箭头
  &#xe640;
- 
  加
  &#xe641;
- 
  已关注
  &#xe642;
- 
  未关注
  &#xe643;
- 
  喵鲜生
  &#xe644;
- 
  吃乐会
  &#xe646;
- 
  天猫提示-提示
  &#xe647;
- 
  天猫提示-提醒
  &#xe649;
- 
  天猫提示-疑问
  &#xe64a;
- 
  天猫提示-出错
  &#xe64b;
- 
  天猫提示-警示
  &#xe64c;
- 
  天猫提示-正确
  &#xe64d;
- 
  品牌专享
  &#xe64e;
- 
  分期购
  &#xe64f;
- 
  天猫购物车
  &#xe650;
- 
  天猫公告
  &#xe651;
- 
  分类
  &#xe652;
- 
  扫一扫，猫客
  &#xe653;
- 
  搜索，猫客
  &#xe654;
- 
  产品参数
  &#xe657;
- 
  持平
  &#xe658;
- 
  低于
  &#xe659;
- 
  分享
  &#xe65a;
- 
  高于
  &#xe65b;
- 
  购买
  &#xe65c;
- 
  占位图
  &#xe65d;
- 
  分类
  &#xe65e;
- 
  搜索
  &#xe65f;
- 
  保存到桌面
  &#xe660;
- 
  关注店铺
  &#xe661;
- 
  已关注
  &#xe662;
- 
  店铺
  &#xe663;
- 
  关注-选中
  &#xe664;
- 
  关注
  &#xe665;
- 
  会员卡
  &#xe666;
- 
  我
  &#xe667;
- 
  优惠券
  &#xe668;
- 
  表情
  &#xe669;
- 
  功能建议
  &#xe66a;
- 
  换一批
  &#xe66b;
- 
  声波
  &#xe66c;
- 
  时间
  &#xe66d;
- 
  问题反馈
  &#xe66e;
- 
  信息
  &#xe66f;
- 
  修改or意见
  &#xe672;
- 
  赞
  &#xe673;
- 
  持平
  &#xe674;
- 
  下降
  &#xe675;
- 
  进入店铺
  &#xe676;
- 
  朋友圈
  &#xe677;
- 
  新浪
  &#xe678;
- 
  微信
  &#xe679;
- 
  上升
  &#xe67a;
- 
  密码
  &#xe67b;
- 
  二维码
  &#xe67c;
- 
  链接
  &#xe67d;
- 
  点赞
  &#xe67e;
- 
  返回8
  &#xe67f;
- 
  返回7
  &#xe680;
- 
  返回6
  &#xe681;
- 
  返回5
  &#xe682;
- 
  更多
  &#xe683;
- 
  收藏-选中
  &#xe684;
- 
  收藏
  &#xe685;
- 
  返回1
  &#xe686;
- 
  返回2
  &#xe687;
- 
  返回3
  &#xe688;
- 
  返回4
  &#xe689;
- 
  旋转
  &#xe68a;
- 
  方向2
  &#xe68b;
- 
  天猫宝
  &#xe68c;
- 
  方向3
  &#xe68d;
- 
  方向4
  &#xe68e;
- 
  范兜儿
  &#xe68f;
- 
  三角2
  &#xe690;
- 
  三角1
  &#xe691;
- 
  三角4
  &#xe692;
- 
  三角3
  &#xe693;
- 
  积分
  &#xe694;
- 
  未选中圆圈
  &#xe695;
- 
  删除2
  &#xe696;
- 
  电话
  &#xe697;
- 
  回到顶部
  &#xe698;
- 
  删除
  &#xe699;
- 
  购物车-选中
  &#xe69a;
- 
  我的-选中
  &#xe69b;
- 
  全部订单
  &#xe69c;
- 
  安卓下拉
  &#xe69d;
- 
  待收货
  &#xe69e;
- 
  列表模式2
  &#xe69f;
- 
  待发货
  &#xe6a0;
- 
  待付款
  &#xe6a1;
- 
  拍摄-选中
  &#xe6a2;
- 
  排行
  &#xe6a3;
- 
  关于我
  &#xe6a4;
- 
  年货
  &#xe6a5;
- 
  年货
  &#xe6a6;
- 
  查看
  &#xe6a7;
- 
  删除
  &#xe6a8;
- 
  赞-选中
  &#xe6a9;
- 
  先试后买
  &#xe6aa;
- 
  售后无忧
  &#xe6ab;
- 
  天猫分期
  &#xe6ac;
- 
  生日特权
  &#xe6ad;
- 
  客服优先
  &#xe6ae;
- 
  急速退款
  &#xe6af;
- 
  品牌专享
  &#xe6b0;
- 
  退货保障
  &#xe6b1;
- 
  表情
  &#xe6b2;
- 
  提示
  &#xe6b3;
- 
  帮助
  &#xe6b4;
- 
  标尺
  &#xe6b5;
- 
  错误
  &#xe6b6;
- 
  ban
  &#xe754;
- 
  积分
  &#xe6b7;
- 
  足迹
  &#xe6b8;
- 
  金点子
  &#xe6b9;
- 
  多云
  &#xe6ba;
- 
  霾
  &#xe6bb;
- 
  晴
  &#xe6bc;
- 
  雾
  &#xe6bd;
- 
  雪
  &#xe6be;
- 
  阴
  &#xe6bf;
- 
  雨
  &#xe6c0;
- 
  红包
  &#xe6c1;
- 
  退款
  &#xe6c2;
- 
  红包
  &#xe6c3;
- 
  Message
  &#xe6c4;
- 
  share
  &#xe6c5;
- 
  search
  &#xe6c6;
- 
  back
  &#xe6c7;
- 
  more
  &#xe6c8;
- 
  cart
  &#xe6c9;
- 
  home
  &#xe6ca;
- 
  home2
  &#xe6cb;
- 
  Camera
  &#xe6cc;
- 
  Camera2
  &#xe6cd;
- 
  Attention
  &#xe6ce;
- 
  Attention2
  &#xe6cf;
- 
  search
  &#xe6d0;
- 
  refresh
  &#xe6d1;
- 
  fun
  &#xe6d2;
- 
  new
  &#xe6d3;
- 
  fun
  &#xe6d4;
- 
  mine
  &#xe6d5;
- 
  mine2
  &#xe6d6;
- 
  Tabulation
  &#xe6d7;
- 
  Tabulation
  &#xe6d8;
- 
  列表2
  &#xe6d9;
- 
  查看2
  &#xe6da;
- 
  加
  &#xe6db;
- 
  减
  &#xe6dc;
- 
  扫码
  &#xe6dd;
- 
  全部订单
  &#xe6df;
- 
  设置
  &#xe6e0;
- 
  我的会员权益
  &#xe6e1;
- 
  我的资产
  &#xe6e2;
- 
  汽车金融
  &#xe6e3;
- 
  3.1收藏-选中
  &#xe6e4;
- 
  3.1收藏
  &#xe6e5;
- 
  3.1关闭
  &#xe6e6;
- 
  3.1选择
  &#xe6e7;
- 
  3.1关注店铺
  &#xe6e8;
- 
  3.1选中
  &#xe6e9;
- 
  3.1已关注店铺
  &#xe6ea;
- 
  3.1点赞
  &#xe6eb;
- 
  3.1店铺
  &#xe6ec;
- 
  3.1分享
  &#xe6ed;
- 
  3.1转发
  &#xe6ee;
- 
  3.1待发货
  &#xe6ef;
- 
  3.1待付款
  &#xe6f0;
- 
  3.1待收货
  &#xe6f1;
- 
  3.1待评价
  &#xe6f2;
- 
  3.1退款退货
  &#xe6f3;
- 
  3.1会员卡
  &#xe6f4;
- 
  3.1积分
  &#xe6f5;
- 
  3.1优惠券
  &#xe6f6;
- 
  3.1天猫宝
  &#xe6f7;
- 
  3.1红包
  &#xe6f8;
- 
  3.1范儿-选中
  &#xe6f9;
- 
  3.1范儿
  &#xe6fa;
- 
  3.1购物车-选中
  &#xe6fb;
- 
  3.1购物车
  &#xe6fc;
- 
  3.1关注-选中
  &#xe6fd;
- 
  3.1关注
  &#xe6fe;
- 
  3.1首页-选中
  &#xe6ff;
- 
  3.1首页
  &#xe700;
- 
  3.1我的-选中
  &#xe701;
- 
  3.1我的
  &#xe702;
- 
  3.1-降价
  &#xe703;
- 
  礼物 活动
  &#xe704;
- 
  3.1-剪裁
  &#xe705;
- 
  3.1-旋转
  &#xe706;
- 
  大图模式
  &#xe707;
- 
  列表模式
  &#xe708;
- 
  中图模式
  &#xe709;
- 
  标尺
  &#xe70a;
- 
  查看
  &#xe70b;
- 
  关闭
  &#xe70c;
- 
  关注
  &#xe70d;
- 
  火热
  &#xe70e;
- 
  喇叭
  &#xe70f;
- 
  3.1铃铛
  &#xe710;
- 
  3.1拍摄-选中
  &#xe711;
- 
  3.1拍摄
  &#xe712;
- 
  3.1-汽车金融
  &#xe713;
- 
  3.1-热销
  &#xe714;
- 
  3.1-扫码
  &#xe715;
- 
  3.1-上新
  &#xe716;
- 
  3.1-刷新
  &#xe717;
- 
  3.1-搜索
  &#xe718;
- 
  3.1-提示
  &#xe719;
- 
  3.1-问题反馈
  &#xe71a;
- 
  3.1-消息
  &#xe71b;
- 
  3.1-疑问
  &#xe71c;
- 
  3.1产品参数
  &#xe71d;
- 
  3.1电话
  &#xe71e;
- 
  3.1订单
  &#xe71f;
- 
  3.1定位
  &#xe720;
- 
  3.1购买充值
  &#xe721;
- 
  3.1关注1-选中
  &#xe722;
- 
  3.1关注1
  &#xe723;
- 
  3.1回到顶部
  &#xe724;
- 
  3.1删除
  &#xe725;
- 
  3.1足迹
  &#xe726;
- 
  3.1优惠券
  &#xe727;
- 
  3.1类目
  &#xe728;
- 
  3.1列表
  &#xe729;
- 
  3.1图文详情
  &#xe72a;
- 
  3.1 保存到桌面
  &#xe72b;
- 
  3.1 持平
  &#xe72c;
- 
  3.1 二维码
  &#xe72d;
- 
  编辑
  &#xe72e;
- 
  3.1 返回
  &#xe72f;
- 
  3.1 评论
  &#xe730;
- 
  3.1 签到
  &#xe731;
- 
  3.1 全部商品
  &#xe732;
- 
  3.1 上升
  &#xe733;
- 
  3.1 设置
  &#xe734;
- 
  3.1 声波
  &#xe735;
- 
  3.1 时间
  &#xe736;
- 
  3.1 收藏的店铺
  &#xe737;
- 
  3.1 收起
  &#xe738;
- 
  3.1 下降
  &#xe739;
- 
  3.1 下拉
  &#xe73a;
- 
  3.1提示
  &#xe73b;
- 
  3.1 返回1
  &#xe73c;
- 
  3.1 返回2
  &#xe73d;
- 
  3.1-汽车金融
  &#xe73e;
- 
  3.1 好友
  &#xe73f;
- 
  3.1-订阅
  &#xe740;
- 
  3.1-爱车估价
  &#xe741;
- 
  3.1-搭配
  &#xe742;
- 
  3.1-官方直售
  &#xe743;
- 
  3.1-魔搭
  &#xe744;
- 
  3.1-排行榜
  &#xe745;
- 
  3.1-天猫家电
  &#xe746;
- 
  3.1-违章快查
  &#xe747;
- 
  3.1-客服
  &#xe750;
- 
  冰箱
  &#xe648;
- 
  相机
  &#xe656;
- 
  支付宝
  &#xe74d;
- 
  arrows
  &#xe9cf;
- 
  envelope
  &#xea98;
- 
  copy
  &#xe756;
- 
  user-plus
  &#xe76d;
- 
  缩小
  &#xe749;
- 
  引号
  &#xe751;
- 
  引号
  &#xe752;
- 
  家电
  &#xe670;
- 
  家具
  &#xe671;
- 
  食品
  &#xe63b;
- 
  衣服
  &#xe645;
- 
  家电
  &#xe60c;
- 
  鞋
  &#xe603;
- 
  envelope-o
  &#xe75a;
- 
  print
  &#xe7ca;
- 
  calculator
  &#xeb7c;
- 
  盒子
  &#xe74b;
- 
  化妆品
  &#xe6de;
- 
  lock
  &#xe768;
- 
  母婴
  &#xe655;
- 
  square-o
  &#xe762;
- 
  转发
  &#xe74e;
- 
  右缩进
  &#xe748;
- 
  开关 关
  &#xe76b;
- 
  扩大
  &#xe7b0;
- 
  合作握手
  &#xe74f;
- 
  power off
  &#xe764;
- 
  交换
  &#xe74a;
- 
  缩进-减
  &#xe789;
- 
  选中框
  &#xe769;
- 
  开关 关
  &#xe76c;
- 
  书04
  &#xe74c;
- 
  未选中框
  &#xe76a;
- 
  calendar
  &#xe8d6;
- 
  font
  &#xe8ed;

## Unicode 引用

Unicode 是字体在网页端最原始的应用方式，特点是：

- 兼容性最好，支持 IE6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。

> 注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

Unicode 使用步骤如下：

### 第一步：拷贝项目下面生成的 `@font-face`

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.eot');
      src: url('iconfont.eot?#iefix') format('embedded-opentype'),
          url('iconfont.woff2') format('woff2'),
          url('iconfont.woff') format('woff'),
          url('iconfont.ttf') format('truetype'),
          url('iconfont.svg#iconfont') format('svg');
    }

### 第二步：定义使用 iconfont 的样式

    .iconfont {
      font-family: "iconfont" !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

### 第三步：挑选相应图标并获取字体编码，应用于页面

    <span class="iconfont">&#x33;</span>

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

- 生日礼物
  .icon-shengriliwu
- 手机
  .icon-shouji
- 列表
  .icon-liebiao
- 购物车满
  .icon-gouwucheman
- 出租
  .icon-chuzu
- 钻石
  .icon-zuanshi
- 鞋\箱包
  .icon-xiexiangbao
- 精选市场
  .icon-jingxuanshichang
- 珠宝饰品
  .icon-zhubaoshipin
- 家具建材
  .icon-jiajujiancai
- 家用电器
  .icon-jiayongdianqi
- 食品
  .icon-shipin1
- 母婴玩具
  .icon-muyingwanju
- 数码手机
  .icon-shumashouji
- 鞋/包
  .icon-xiebao
- 女装内衣
  .icon-nvzhuangneiyi
- 户外运动
  .icon-huwaiyundong
- 化妆品
  .icon-huazhuangpin1
- 汽车配件
  .icon-qichepeijian
- 家纺家饰
  .icon-jiafangjiashi
- 居家
  .icon-jujia
- 医药保健
  .icon-yiyaobaojian
- 图书音像
  .icon-tushuyinxiang
- 切换器右
  .icon-qiehuanqiyou
- 切换器左
  .icon-qiehuanqizuo
- 七天无理由退换货
  .icon-qitianwuliyoutuihuanhuo
- 正品保障
  .icon-zhengpinbaozhang
- 帮助中心
  .icon-bangzhuzhongxin
- 输入
  .icon-shuru
- 切换器（上）
  .icon-qiehuanqishang
- 男装
  .icon-nanzhuang
- 鞋
  .icon-xie
- 家纺
  .icon-jiafang
- 地区浮层弹出警告
  .icon-diqufucengdanchujinggao
- 电梯类目
  .icon-diantileimu
- 回流区价格
  .icon-huiliuqujiage
- 箭头粗
  .icon-jiantoucu
- 箭头细
  .icon-jiantouxi
- 充水电
  .icon-chongshuidian
- 家居用品
  .icon-jiajuyongpin
- 家庭清洁
  .icon-jiatingqingji
- 进口商品
  .icon-jinkoushangpin
- 粮油副食
  .icon-liangyoufushi
- 美容洗护
  .icon-meirongxihu
- 母婴产品
  .icon-muyingchanpin
- 生鲜水果
  .icon-shengxianshuiguo
- 食品饮料
  .icon-shipinyinliao
- 满88元包邮
  .icon-man88yuanbaoyou
- 我的资产
  .icon-wodezichan
- 看过
  .icon-kanguo
- 购物日历
  .icon-gouwurili
- 我关注的品牌
  .icon-woguanzhudepinpai
- 直播间
  .icon-zhibojian
- 天猫超市-购物车
  .icon-tianmaochaoshigouwuche
- 天猫超市-零食
  .icon-tianmaochaoshilingshi
- 内衣（男装）
  .icon-neiyinanzhuang
- 女鞋
  .icon-nvxie
- 运动
  .icon-yundong
- 内衣
  .icon-neiyi
- 超市
  .icon-chaoshi
- 户外
  .icon-huwai
- 换一批
  .icon-huanyipi
- 小箭头
  .icon-xiaojiantou
- 加
  .icon-jia
- 已关注
  .icon-yiguanzhu
- 未关注
  .icon-weiguanzhu
- 喵鲜生
  .icon-miaoxiansheng
- 吃乐会
  .icon-chilehui
- 天猫提示-提示
  .icon-tishi
- 天猫提示-提醒
  .icon-tixing
- 天猫提示-疑问
  .icon-yiwen
- 天猫提示-出错
  .icon-chucuo
- 天猫提示-警示
  .icon-jingshi
- 天猫提示-正确
  .icon-zhengque
- 品牌专享
  .icon-pinpaizhuanxiang
- 分期购
  .icon-fenqigou
- 天猫购物车
  .icon-gouwuche2
- 天猫公告
  .icon-gonggao
- 分类
  .icon-fenlei
- 扫一扫，猫客
  .icon-saoyisao
- 搜索，猫客
  .icon-sousuo
- 产品参数
  .icon-chanpincanshu
- 持平
  .icon-chiping
- 低于
  .icon-diyu
- 分享
  .icon-fenxiang
- 高于
  .icon-gaoyu
- 购买
  .icon-goumai
- 占位图
  .icon-zhanweitu
- 分类
  .icon-fenlei1
- 搜索
  .icon-sousuo1
- 保存到桌面
  .icon-baocundaozhuomian
- 关注店铺
  .icon-guanzhudianpu
- 已关注
  .icon-yiguanzhu1
- 店铺
  .icon-dianpu
- 关注-选中
  .icon-guanzhuxuanzhong
- 关注
  .icon-guanzhu
- 会员卡
  .icon-huiyuanqia
- 我
  .icon-wo
- 优惠券
  .icon-youhuiquan
- 表情
  .icon-biaoqing
- 功能建议
  .icon-gongnengjianyi
- 换一批
  .icon-huanyipi1
- 声波
  .icon-shengbo
- 时间
  .icon-shijian
- 问题反馈
  .icon-wentifankui
- 信息
  .icon-xinxi
- 修改or意见
  .icon-xiugaioryijian
- 赞
  .icon-zan
- 持平
  .icon-chiping1
- 下降
  .icon-xiajiang
- 进入店铺
  .icon-jinrudianpu
- 朋友圈
  .icon-pengyouquan
- 新浪
  .icon-xinlang
- 微信
  .icon-weixin
- 上升
  .icon-shangsheng
- 密码
  .icon-mima
- 二维码
  .icon-erweima
- 链接
  .icon-lianjie
- 点赞
  .icon-dianzan
- 返回8
  .icon-fanhui8
- 返回7
  .icon-fanhui7
- 返回6
  .icon-fanhui6
- 返回5
  .icon-fanhui5
- 更多
  .icon-gengduo
- 收藏-选中
  .icon-shoucangxuanzhong
- 收藏
  .icon-shoucang
- 返回1
  .icon-fanhui1
- 返回2
  .icon-fanhui2
- 返回3
  .icon-fanhui3
- 返回4
  .icon-fanhui4
- 旋转
  .icon-xuanzhuan
- 方向2
  .icon-fangxiang2
- 天猫宝
  .icon-tianmaobao
- 方向3
  .icon-fangxiang3
- 方向4
  .icon-fangxiang4
- 范兜儿
  .icon-fandouer
- 三角2
  .icon-sanjiao2
- 三角1
  .icon-sanjiao1
- 三角4
  .icon-sanjiao4
- 三角3
  .icon-sanjiao3
- 积分
  .icon-jifen
- 未选中圆圈
  .icon-weixuanzhongyuanquan
- 删除2
  .icon-shanchu2
- 电话
  .icon-dianhua
- 回到顶部
  .icon-huidaodingbu
- 删除
  .icon-shanchu
- 购物车-选中
  .icon-gouwuchexuanzhong
- 我的-选中
  .icon-wodexuanzhong
- 全部订单
  .icon-quanbudingdan
- 安卓下拉
  .icon-anzhuoxiala
- 待收货
  .icon-daishouhuo
- 列表模式2
  .icon-liebiaomoshi2
- 待发货
  .icon-daifahuo
- 待付款
  .icon-daifukuan
- 拍摄-选中
  .icon-paishexuanzhong
- 排行
  .icon-paixing
- 关于我
  .icon-guanyuwo
- 年货
  .icon-nianhuo
- 年货
  .icon-nianhuo1
- 查看
  .icon-chakan
- 删除
  .icon-shanchu1
- 赞-选中
  .icon-zanxuanzhong
- 先试后买
  .icon-xianshihoumai
- 售后无忧
  .icon-shouhouwuyou
- 天猫分期
  .icon-tianmaofenqi
- 生日特权
  .icon-shengritequan
- 客服优先
  .icon-kefuyouxian
- 急速退款
  .icon-jisutuikuan
- 品牌专享
  .icon-pinpaizhuanxiang1
- 退货保障
  .icon-tuihuobaozhang
- 表情
  .icon-biaoqing1
- 提示
  .icon-tishi1
- 帮助
  .icon-bangzhu
- 标尺
  .icon-biaochi
- 错误
  .icon-cuowu
- ban
  .icon-ban
- 积分
  .icon-jifen1
- 足迹
  .icon-zuji
- 金点子
  .icon-jindianzi
- 多云
  .icon-duoyun
- 霾
  .icon-mai
- 晴
  .icon-qing
- 雾
  .icon-wu
- 雪
  .icon-xue
- 阴
  .icon-yin
- 雨
  .icon-yu
- 红包
  .icon-hongbao
- 退款
  .icon-tuikuan
- 红包
  .icon-tuikuan1
- Message
  .icon-xiaoxi
- share
  .icon-fenxiang1
- search
  .icon-fenxiang2
- back
  .icon-fenxiang3
- more
  .icon-gengduo1
- cart
  .icon-cart
- home
  .icon-home
- home2
  .icon-home2
- Camera
  .icon-camera
- Camera2
  .icon-camera2
- Attention
  .icon-attention
- Attention2
  .icon-attention2
- search
  .icon-search
- refresh
  .icon-shuaxin
- fun
  .icon-fun
- new
  .icon-new
- fun
  .icon-fun1
- mine
  .icon-mine
- mine2
  .icon-mine2
- Tabulation
  .icon-tabulation
- Tabulation
  .icon-tabulation1
- 列表2
  .icon-liebiao2
- 查看2
  .icon-chakan2
- 加
  .icon-jia1
- 减
  .icon-jian
- 扫码
  .icon-iconfontscan
- 全部订单
  .icon-quanbudingdan1
- 设置
  .icon-shezhi
- 我的会员权益
  .icon-wodehuiyuanquanyi
- 我的资产
  .icon-wodezichan1
- 汽车金融
  .icon-qichejinrong
- 3.1收藏-选中
  .icon-31shoucangxuanzhong
- 3.1收藏
  .icon-31shoucang
- 3.1关闭
  .icon-31guanbi
- 3.1选择
  .icon-31xuanze
- 3.1关注店铺
  .icon-31guanzhudianpu
- 3.1选中
  .icon-31xuanzhong
- 3.1已关注店铺
  .icon-31yiguanzhudianpu
- 3.1点赞
  .icon-31dianzan
- 3.1店铺
  .icon-31dianpu
- 3.1分享
  .icon-31fenxiang
- 3.1转发
  .icon-31zhuanfa
- 3.1待发货
  .icon-31daifahuo
- 3.1待付款
  .icon-31daifukuan
- 3.1待收货
  .icon-31daishouhuo
- 3.1待评价
  .icon-31daipingjia
- 3.1退款退货
  .icon-tuikuantuihuo
- 3.1会员卡
  .icon-31huiyuanqia
- 3.1积分
  .icon-31jifen
- 3.1优惠券
  .icon-31youhuiquan
- 3.1天猫宝
  .icon-31tianmaobao
- 3.1红包
  .icon-31hongbao
- 3.1范儿-选中
  .icon-31fanerxuanzhong
- 3.1范儿
  .icon-31faner
- 3.1购物车-选中
  .icon-31gouwuchexuanzhong
- 3.1购物车
  .icon-31gouwuche
- 3.1关注-选中
  .icon-31guanzhuxuanzhong
- 3.1关注
  .icon-31guanzhu
- 3.1首页-选中
  .icon-31shouyexuanzhong
- 3.1首页
  .icon-31shouye
- 3.1我的-选中
  .icon-31wodexuanzhong
- 3.1我的
  .icon-31wode
- 3.1-降价
  .icon-jiangjia
- 礼物 活动
  .icon-liwuhuodong
- 3.1-剪裁
  .icon-31jiancai
- 3.1-旋转
  .icon-31xuanzhuan
- 大图模式
  .icon-datumoshi
- 列表模式
  .icon-liebiaomoshi
- 中图模式
  .icon-zhongtumoshi
- 标尺
  .icon-biaochi1
- 查看
  .icon-chakan1
- 关闭
  .icon-guanbi
- 关注
  .icon-guanzhu1
- 火热
  .icon-huore
- 喇叭
  .icon-laba
- 3.1铃铛
  .icon-lingdang
- 3.1拍摄-选中
  .icon-31paishexuanzhong
- 3.1拍摄
  .icon-31paishe
- 3.1-汽车金融
  .icon-31qichejinrong
- 3.1-热销
  .icon-31rexiao
- 3.1-扫码
  .icon-31saoma
- 3.1-上新
  .icon-31shangxin
- 3.1-刷新
  .icon-31shuaxin
- 3.1-搜索
  .icon-31sousuo
- 3.1-提示
  .icon-31tishi
- 3.1-问题反馈
  .icon-31wentifankui
- 3.1-消息
  .icon-31xiaoxi
- 3.1-疑问
  .icon-31yiwen
- 3.1产品参数
  .icon-31chanpincanshu
- 3.1电话
  .icon-31dianhua
- 3.1订单
  .icon-31dingdan
- 3.1定位
  .icon-31dingwei
- 3.1购买充值
  .icon-31goumaichongzhi
- 3.1关注1-选中
  .icon-31guanzhu1xuanzhong
- 3.1关注1
  .icon-31guanzhu1
- 3.1回到顶部
  .icon-31huidaodingbu
- 3.1删除
  .icon-31shanchu
- 3.1足迹
  .icon-31zuji
- 3.1优惠券
  .icon-31hongbao1
- 3.1类目
  .icon-31leimu
- 3.1列表
  .icon-31liebiao
- 3.1图文详情
  .icon-31tuwenxiangqing
- 3.1 保存到桌面
  .icon-31baocundaozhuomian
- 3.1 持平
  .icon-31chiping
- 3.1 二维码
  .icon-31erweima
- 编辑
  .icon-bianji
- 3.1 返回
  .icon-31fanhui
- 3.1 评论
  .icon-31pinglun
- 3.1 签到
  .icon-31qiandao
- 3.1 全部商品
  .icon-31quanbushangpin
- 3.1 上升
  .icon-31shangsheng
- 3.1 设置
  .icon-31shezhi
- 3.1 声波
  .icon-31shengbo
- 3.1 时间
  .icon-31shijian
- 3.1 收藏的店铺
  .icon-31shoucangdedianpu
- 3.1 收起
  .icon-31shouqi
- 3.1 下降
  .icon-31xiajiang
- 3.1 下拉
  .icon-31xiala
- 3.1提示
  .icon-31tishi1
- 3.1 返回1
  .icon-31fanhui1
- 3.1 返回2
  .icon-31fanhui2
- 3.1-汽车金融
  .icon-31qichejinrong1
- 3.1 好友
  .icon-31haoyou
- 3.1-订阅
  .icon-dingyue
- 3.1-爱车估价
  .icon-31aichegujia
- 3.1-搭配
  .icon-31dapei
- 3.1-官方直售
  .icon-31guanfangzhishou
- 3.1-魔搭
  .icon-31moda
- 3.1-排行榜
  .icon-31paixingbang
- 3.1-天猫家电
  .icon-31tianmaojiadian
- 3.1-违章快查
  .icon-31weizhangkuaicha
- 3.1-客服
  .icon-kefu
- 冰箱
  .icon-hekricon24
- 相机
  .icon-xiangji
- 支付宝
  .icon-zhifubao
- arrows
  .icon-arrows
- envelope
  .icon-envelope
- copy
  .icon-copy
- user-plus
  .icon-userplus-copy
- 缩小
  .icon-weibiaoti11
- 引号
  .icon-baojiaquotation
- 引号
  .icon-baojiaquotation2
- 家电
  .icon-jiadian
- 家具
  .icon-jiaju
- 食品
  .icon-shipin
- 衣服
  .icon-yifu
- 家电
  .icon-jiadian1
- 鞋
  .icon-xingzhuang42
- envelope-o
  .icon-envelopeo
- print
  .icon-print
- calculator
  .icon-calculator
- 盒子
  .icon-box
- 化妆品
  .icon-huazhuangpin
- lock
  .icon-lock
- 母婴
  .icon-muying
- square-o
  .icon-square-o
- 转发
  .icon-zhuanfa
- 右缩进
  .icon-yousuojin
- 开关 关
  .icon-kaiguanguan-open
- 扩大
  .icon-kuoda
- 合作握手
  .icon-hezuowoshou
- power off
  .icon-poweroff
- 交换
  .icon-jiaohuan
- 缩进-减
  .icon-suojin-jian
- 选中框
  .icon-xuanzhongkuang
- 开关 关
  .icon-kaiguanguan
- 书04
  .icon-thin-_book_readi
- 未选中框
  .icon-weixuanzhongkuang
- calendar
  .icon-calendar
- font
  .icon-font

## font-class 引用

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

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

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

使用步骤如下：

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

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

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

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

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

- 生日礼物
  #icon-shengriliwu
- 手机
  #icon-shouji
- 列表
  #icon-liebiao
- 购物车满
  #icon-gouwucheman
- 出租
  #icon-chuzu
- 钻石
  #icon-zuanshi
- 鞋\箱包
  #icon-xiexiangbao
- 精选市场
  #icon-jingxuanshichang
- 珠宝饰品
  #icon-zhubaoshipin
- 家具建材
  #icon-jiajujiancai
- 家用电器
  #icon-jiayongdianqi
- 食品
  #icon-shipin1
- 母婴玩具
  #icon-muyingwanju
- 数码手机
  #icon-shumashouji
- 鞋/包
  #icon-xiebao
- 女装内衣
  #icon-nvzhuangneiyi
- 户外运动
  #icon-huwaiyundong
- 化妆品
  #icon-huazhuangpin1
- 汽车配件
  #icon-qichepeijian
- 家纺家饰
  #icon-jiafangjiashi
- 居家
  #icon-jujia
- 医药保健
  #icon-yiyaobaojian
- 图书音像
  #icon-tushuyinxiang
- 切换器右
  #icon-qiehuanqiyou
- 切换器左
  #icon-qiehuanqizuo
- 七天无理由退换货
  #icon-qitianwuliyoutuihuanhuo
- 正品保障
  #icon-zhengpinbaozhang
- 帮助中心
  #icon-bangzhuzhongxin
- 输入
  #icon-shuru
- 切换器（上）
  #icon-qiehuanqishang
- 男装
  #icon-nanzhuang
- 鞋
  #icon-xie
- 家纺
  #icon-jiafang
- 地区浮层弹出警告
  #icon-diqufucengdanchujinggao
- 电梯类目
  #icon-diantileimu
- 回流区价格
  #icon-huiliuqujiage
- 箭头粗
  #icon-jiantoucu
- 箭头细
  #icon-jiantouxi
- 充水电
  #icon-chongshuidian
- 家居用品
  #icon-jiajuyongpin
- 家庭清洁
  #icon-jiatingqingji
- 进口商品
  #icon-jinkoushangpin
- 粮油副食
  #icon-liangyoufushi
- 美容洗护
  #icon-meirongxihu
- 母婴产品
  #icon-muyingchanpin
- 生鲜水果
  #icon-shengxianshuiguo
- 食品饮料
  #icon-shipinyinliao
- 满88元包邮
  #icon-man88yuanbaoyou
- 我的资产
  #icon-wodezichan
- 看过
  #icon-kanguo
- 购物日历
  #icon-gouwurili
- 我关注的品牌
  #icon-woguanzhudepinpai
- 直播间
  #icon-zhibojian
- 天猫超市-购物车
  #icon-tianmaochaoshigouwuche
- 天猫超市-零食
  #icon-tianmaochaoshilingshi
- 内衣（男装）
  #icon-neiyinanzhuang
- 女鞋
  #icon-nvxie
- 运动
  #icon-yundong
- 内衣
  #icon-neiyi
- 超市
  #icon-chaoshi
- 户外
  #icon-huwai
- 换一批
  #icon-huanyipi
- 小箭头
  #icon-xiaojiantou
- 加
  #icon-jia
- 已关注
  #icon-yiguanzhu
- 未关注
  #icon-weiguanzhu
- 喵鲜生
  #icon-miaoxiansheng
- 吃乐会
  #icon-chilehui
- 天猫提示-提示
  #icon-tishi
- 天猫提示-提醒
  #icon-tixing
- 天猫提示-疑问
  #icon-yiwen
- 天猫提示-出错
  #icon-chucuo
- 天猫提示-警示
  #icon-jingshi
- 天猫提示-正确
  #icon-zhengque
- 品牌专享
  #icon-pinpaizhuanxiang
- 分期购
  #icon-fenqigou
- 天猫购物车
  #icon-gouwuche2
- 天猫公告
  #icon-gonggao
- 分类
  #icon-fenlei
- 扫一扫，猫客
  #icon-saoyisao
- 搜索，猫客
  #icon-sousuo
- 产品参数
  #icon-chanpincanshu
- 持平
  #icon-chiping
- 低于
  #icon-diyu
- 分享
  #icon-fenxiang
- 高于
  #icon-gaoyu
- 购买
  #icon-goumai
- 占位图
  #icon-zhanweitu
- 分类
  #icon-fenlei1
- 搜索
  #icon-sousuo1
- 保存到桌面
  #icon-baocundaozhuomian
- 关注店铺
  #icon-guanzhudianpu
- 已关注
  #icon-yiguanzhu1
- 店铺
  #icon-dianpu
- 关注-选中
  #icon-guanzhuxuanzhong
- 关注
  #icon-guanzhu
- 会员卡
  #icon-huiyuanqia
- 我
  #icon-wo
- 优惠券
  #icon-youhuiquan
- 表情
  #icon-biaoqing
- 功能建议
  #icon-gongnengjianyi
- 换一批
  #icon-huanyipi1
- 声波
  #icon-shengbo
- 时间
  #icon-shijian
- 问题反馈
  #icon-wentifankui
- 信息
  #icon-xinxi
- 修改or意见
  #icon-xiugaioryijian
- 赞
  #icon-zan
- 持平
  #icon-chiping1
- 下降
  #icon-xiajiang
- 进入店铺
  #icon-jinrudianpu
- 朋友圈
  #icon-pengyouquan
- 新浪
  #icon-xinlang
- 微信
  #icon-weixin
- 上升
  #icon-shangsheng
- 密码
  #icon-mima
- 二维码
  #icon-erweima
- 链接
  #icon-lianjie
- 点赞
  #icon-dianzan
- 返回8
  #icon-fanhui8
- 返回7
  #icon-fanhui7
- 返回6
  #icon-fanhui6
- 返回5
  #icon-fanhui5
- 更多
  #icon-gengduo
- 收藏-选中
  #icon-shoucangxuanzhong
- 收藏
  #icon-shoucang
- 返回1
  #icon-fanhui1
- 返回2
  #icon-fanhui2
- 返回3
  #icon-fanhui3
- 返回4
  #icon-fanhui4
- 旋转
  #icon-xuanzhuan
- 方向2
  #icon-fangxiang2
- 天猫宝
  #icon-tianmaobao
- 方向3
  #icon-fangxiang3
- 方向4
  #icon-fangxiang4
- 范兜儿
  #icon-fandouer
- 三角2
  #icon-sanjiao2
- 三角1
  #icon-sanjiao1
- 三角4
  #icon-sanjiao4
- 三角3
  #icon-sanjiao3
- 积分
  #icon-jifen
- 未选中圆圈
  #icon-weixuanzhongyuanquan
- 删除2
  #icon-shanchu2
- 电话
  #icon-dianhua
- 回到顶部
  #icon-huidaodingbu
- 删除
  #icon-shanchu
- 购物车-选中
  #icon-gouwuchexuanzhong
- 我的-选中
  #icon-wodexuanzhong
- 全部订单
  #icon-quanbudingdan
- 安卓下拉
  #icon-anzhuoxiala
- 待收货
  #icon-daishouhuo
- 列表模式2
  #icon-liebiaomoshi2
- 待发货
  #icon-daifahuo
- 待付款
  #icon-daifukuan
- 拍摄-选中
  #icon-paishexuanzhong
- 排行
  #icon-paixing
- 关于我
  #icon-guanyuwo
- 年货
  #icon-nianhuo
- 年货
  #icon-nianhuo1
- 查看
  #icon-chakan
- 删除
  #icon-shanchu1
- 赞-选中
  #icon-zanxuanzhong
- 先试后买
  #icon-xianshihoumai
- 售后无忧
  #icon-shouhouwuyou
- 天猫分期
  #icon-tianmaofenqi
- 生日特权
  #icon-shengritequan
- 客服优先
  #icon-kefuyouxian
- 急速退款
  #icon-jisutuikuan
- 品牌专享
  #icon-pinpaizhuanxiang1
- 退货保障
  #icon-tuihuobaozhang
- 表情
  #icon-biaoqing1
- 提示
  #icon-tishi1
- 帮助
  #icon-bangzhu
- 标尺
  #icon-biaochi
- 错误
  #icon-cuowu
- ban
  #icon-ban
- 积分
  #icon-jifen1
- 足迹
  #icon-zuji
- 金点子
  #icon-jindianzi
- 多云
  #icon-duoyun
- 霾
  #icon-mai
- 晴
  #icon-qing
- 雾
  #icon-wu
- 雪
  #icon-xue
- 阴
  #icon-yin
- 雨
  #icon-yu
- 红包
  #icon-hongbao
- 退款
  #icon-tuikuan
- 红包
  #icon-tuikuan1
- Message
  #icon-xiaoxi
- share
  #icon-fenxiang1
- search
  #icon-fenxiang2
- back
  #icon-fenxiang3
- more
  #icon-gengduo1
- cart
  #icon-cart
- home
  #icon-home
- home2
  #icon-home2
- Camera
  #icon-camera
- Camera2
  #icon-camera2
- Attention
  #icon-attention
- Attention2
  #icon-attention2
- search
  #icon-search
- refresh
  #icon-shuaxin
- fun
  #icon-fun
- new
  #icon-new
- fun
  #icon-fun1
- mine
  #icon-mine
- mine2
  #icon-mine2
- Tabulation
  #icon-tabulation
- Tabulation
  #icon-tabulation1
- 列表2
  #icon-liebiao2
- 查看2
  #icon-chakan2
- 加
  #icon-jia1
- 减
  #icon-jian
- 扫码
  #icon-iconfontscan
- 全部订单
  #icon-quanbudingdan1
- 设置
  #icon-shezhi
- 我的会员权益
  #icon-wodehuiyuanquanyi
- 我的资产
  #icon-wodezichan1
- 汽车金融
  #icon-qichejinrong
- 3.1收藏-选中
  #icon-31shoucangxuanzhong
- 3.1收藏
  #icon-31shoucang
- 3.1关闭
  #icon-31guanbi
- 3.1选择
  #icon-31xuanze
- 3.1关注店铺
  #icon-31guanzhudianpu
- 3.1选中
  #icon-31xuanzhong
- 3.1已关注店铺
  #icon-31yiguanzhudianpu
- 3.1点赞
  #icon-31dianzan
- 3.1店铺
  #icon-31dianpu
- 3.1分享
  #icon-31fenxiang
- 3.1转发
  #icon-31zhuanfa
- 3.1待发货
  #icon-31daifahuo
- 3.1待付款
  #icon-31daifukuan
- 3.1待收货
  #icon-31daishouhuo
- 3.1待评价
  #icon-31daipingjia
- 3.1退款退货
  #icon-tuikuantuihuo
- 3.1会员卡
  #icon-31huiyuanqia
- 3.1积分
  #icon-31jifen
- 3.1优惠券
  #icon-31youhuiquan
- 3.1天猫宝
  #icon-31tianmaobao
- 3.1红包
  #icon-31hongbao
- 3.1范儿-选中
  #icon-31fanerxuanzhong
- 3.1范儿
  #icon-31faner
- 3.1购物车-选中
  #icon-31gouwuchexuanzhong
- 3.1购物车
  #icon-31gouwuche
- 3.1关注-选中
  #icon-31guanzhuxuanzhong
- 3.1关注
  #icon-31guanzhu
- 3.1首页-选中
  #icon-31shouyexuanzhong
- 3.1首页
  #icon-31shouye
- 3.1我的-选中
  #icon-31wodexuanzhong
- 3.1我的
  #icon-31wode
- 3.1-降价
  #icon-jiangjia
- 礼物 活动
  #icon-liwuhuodong
- 3.1-剪裁
  #icon-31jiancai
- 3.1-旋转
  #icon-31xuanzhuan
- 大图模式
  #icon-datumoshi
- 列表模式
  #icon-liebiaomoshi
- 中图模式
  #icon-zhongtumoshi
- 标尺
  #icon-biaochi1
- 查看
  #icon-chakan1
- 关闭
  #icon-guanbi
- 关注
  #icon-guanzhu1
- 火热
  #icon-huore
- 喇叭
  #icon-laba
- 3.1铃铛
  #icon-lingdang
- 3.1拍摄-选中
  #icon-31paishexuanzhong
- 3.1拍摄
  #icon-31paishe
- 3.1-汽车金融
  #icon-31qichejinrong
- 3.1-热销
  #icon-31rexiao
- 3.1-扫码
  #icon-31saoma
- 3.1-上新
  #icon-31shangxin
- 3.1-刷新
  #icon-31shuaxin
- 3.1-搜索
  #icon-31sousuo
- 3.1-提示
  #icon-31tishi
- 3.1-问题反馈
  #icon-31wentifankui
- 3.1-消息
  #icon-31xiaoxi
- 3.1-疑问
  #icon-31yiwen
- 3.1产品参数
  #icon-31chanpincanshu
- 3.1电话
  #icon-31dianhua
- 3.1订单
  #icon-31dingdan
- 3.1定位
  #icon-31dingwei
- 3.1购买充值
  #icon-31goumaichongzhi
- 3.1关注1-选中
  #icon-31guanzhu1xuanzhong
- 3.1关注1
  #icon-31guanzhu1
- 3.1回到顶部
  #icon-31huidaodingbu
- 3.1删除
  #icon-31shanchu
- 3.1足迹
  #icon-31zuji
- 3.1优惠券
  #icon-31hongbao1
- 3.1类目
  #icon-31leimu
- 3.1列表
  #icon-31liebiao
- 3.1图文详情
  #icon-31tuwenxiangqing
- 3.1 保存到桌面
  #icon-31baocundaozhuomian
- 3.1 持平
  #icon-31chiping
- 3.1 二维码
  #icon-31erweima
- 编辑
  #icon-bianji
- 3.1 返回
  #icon-31fanhui
- 3.1 评论
  #icon-31pinglun
- 3.1 签到
  #icon-31qiandao
- 3.1 全部商品
  #icon-31quanbushangpin
- 3.1 上升
  #icon-31shangsheng
- 3.1 设置
  #icon-31shezhi
- 3.1 声波
  #icon-31shengbo
- 3.1 时间
  #icon-31shijian
- 3.1 收藏的店铺
  #icon-31shoucangdedianpu
- 3.1 收起
  #icon-31shouqi
- 3.1 下降
  #icon-31xiajiang
- 3.1 下拉
  #icon-31xiala
- 3.1提示
  #icon-31tishi1
- 3.1 返回1
  #icon-31fanhui1
- 3.1 返回2
  #icon-31fanhui2
- 3.1-汽车金融
  #icon-31qichejinrong1
- 3.1 好友
  #icon-31haoyou
- 3.1-订阅
  #icon-dingyue
- 3.1-爱车估价
  #icon-31aichegujia
- 3.1-搭配
  #icon-31dapei
- 3.1-官方直售
  #icon-31guanfangzhishou
- 3.1-魔搭
  #icon-31moda
- 3.1-排行榜
  #icon-31paixingbang
- 3.1-天猫家电
  #icon-31tianmaojiadian
- 3.1-违章快查
  #icon-31weizhangkuaicha
- 3.1-客服
  #icon-kefu
- 冰箱
  #icon-hekricon24
- 相机
  #icon-xiangji
- 支付宝
  #icon-zhifubao
- arrows
  #icon-arrows
- envelope
  #icon-envelope
- copy
  #icon-copy
- user-plus
  #icon-userplus-copy
- 缩小
  #icon-weibiaoti11
- 引号
  #icon-baojiaquotation
- 引号
  #icon-baojiaquotation2
- 家电
  #icon-jiadian
- 家具
  #icon-jiaju
- 食品
  #icon-shipin
- 衣服
  #icon-yifu
- 家电
  #icon-jiadian1
- 鞋
  #icon-xingzhuang42
- envelope-o
  #icon-envelopeo
- print
  #icon-print
- calculator
  #icon-calculator
- 盒子
  #icon-box
- 化妆品
  #icon-huazhuangpin
- lock
  #icon-lock
- 母婴
  #icon-muying
- square-o
  #icon-square-o
- 转发
  #icon-zhuanfa
- 右缩进
  #icon-yousuojin
- 开关 关
  #icon-kaiguanguan-open
- 扩大
  #icon-kuoda
- 合作握手
  #icon-hezuowoshou
- power off
  #icon-poweroff
- 交换
  #icon-jiaohuan
- 缩进-减
  #icon-suojin-jian
- 选中框
  #icon-xuanzhongkuang
- 开关 关
  #icon-kaiguanguan
- 书04
  #icon-thin-_book_readi
- 未选中框
  #icon-weixuanzhongkuang
- calendar
  #icon-calendar
- font
  #icon-font

## Symbol 引用

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

- 支持多色图标了，不再受单色限制。
- 通过一些技巧，支持像字体那样，通过 `font-size`, `color` 来调整样式。
- 兼容性较差，支持 IE9+，及现代浏览器。
- 浏览器渲染 SVG 的性能一般，还不如 png。

使用步骤如下：

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

    <script src="./iconfont.js"></script>

### 第二步：加入通用 CSS 代码（引入一次就行）：

    <style>
    .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>