# IconFont 图标

- 腾讯微博
  #e-icon-txweibo
- 团购
  #e-icon-tuangou
- 电话
  #e-icon-iconfontcolor39
- 下
  #e-icon-xia
- 赞
  #e-icon-zan1
- 关闭
  #e-icon-close
- 播放量
  #e-icon-bofangliang
- 时评/评论
  #e-icon-shiping
- 向右3-fill
  #e-icon-right
- 搜索
  #e-icon-sousuo
- 购物车
  #e-icon-06
- 竞价
  #e-icon-jingjia
- 分享
  #e-icon-icon_share
- 微信
  #e-icon-wechat-copy
- 微博
  #e-icon-weibo
- 收藏
  #e-icon-shoucang
- message
  #e-icon-message
- 人
  #e-icon-ren
- 下载
  #e-icon-xiazai1
- back
  #e-icon-back1
- 退出
  #e-icon-web-quit
- 积分
  #e-icon-jifen
- 下
  #e-icon-arrowright
- 电脑端
  #e-icon-desktop
- allitem
  #e-icon-allitem
- 文件夹
  #e-icon-wenjianjia
- 资料
  #e-icon-ziliao-copy
- 商务
  #e-icon-shangwu
- List mode
  #e-icon-Listmode
- 收 藏
  #e-icon-shoucang1
- 直播
  #e-icon-zhibo
- 二维码
  #e-icon-erweima1
- 机构
  #e-icon-jigou
- 列表
  #e-icon-liebiao
- 主页
  #e-icon-zhuye
- 职业资格-01
  #e-icon-zhiyezige-
- 二维码
  #e-icon-erweima
- 医疗保险
  #e-icon-yiliaobaoxian
- 建筑
  #e-icon-quyu
- 飞机
  #e-icon-feiji
- 地图
  #e-icon-ditu
- 修改
  #e-icon-xiugai
- 图标_语言能力
  #e-icon-tubiao_yuyannengli
- 团购
  #e-icon-tuangou1
- 课程
  #e-icon-kecheng
- 学历
  #e-icon-xueli
- 下
  #e-icon-up
- 下
  #e-icon-arrowup
- 财务
  #e-icon-cw

## 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="#e-icon-xxx"></use>
    </svg>