# IconFont 图标

- 指针
  #i-zhizhen1
- 关闭
  #i-msnui-close-fat
- close
  #i-close
- 文件添加
  #i-wenjiantianjia
- tag
  #i-tag
- conow-redo
  #i-conowredo
- conow-revoke
  #i-conowrevoke
- 保存
  #i-baocun
- Refresh
  #i-refresh
- 右下-实心
  #i-youxiashixin
- 拍照按钮
  #i-paizhaoanniu
- 徽章
  #i-huizhang
- hr工作台
  #i-hrgongzuotai
- 停止
  #i-tingzhi-copy
- 文件夹
  #i-wenjianjia
- 声音
  #i-webtubiaoku08
- 数据库
  #i-database
- 插件 (1)
  #i-chajian1
- 菜单
  #i-caidan
- 网络
  #i-wangluo
- 打印
  #i-dayin
- 用户
  #i-user
- 开始
  #i-kaishi
- 合并
  #i-hebing
- 聊天
  #i-liaotian
- 定时
  #i-dingshi
- 斜箭头
  #i-xiejiantou
- 配置
  #i-peizhi
- 项目组合
  #i-xiangmuzuhe
- 系统参数配置
  #i-xitongcanshupeizhi
- 区块
  #i-qukuai
- 分支
  #i-fenzhi
- 01
  #i-icon-test
- 02
  #i-icon-test1
- 小虚线
  #i-xiaoxuxian
- 检查工具 直线
  #i-jianchagongjuzhixian

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