# 

- 
  编译
  &#xe601;
- 
  下一页
  &#xe60b;
- 
  左上
  &#xe66b;
- 
  favorite
  &#xe610;
- 
  left
  &#xe62e;
- 
  用户
  &#xe60d;
- 
  邮箱
  &#xe61f;
- 
  上一页
  &#xe6a7;
- 
  下拉
  &#xe60e;
- 
  添加
  &#xe60f;
- 
  list
  &#xe656;
- 
  delete
  &#xe633;
- 
  退出
  &#xe6a3;
- 
  文件上传
  &#xe63a;
- 
  注销
  &#xe63c;
- 
  邮箱
  &#xe627;
- 
  单位
  &#xe65f;
- 
  刷新
  &#xe69f;
- 
  更多
  &#xe669;
- 
  down
  &#xe611;
- 
  chart pie
  &#xe605;
- 
  user
  &#xe6a0;
- 
  picture
  &#xe6da;
- 
  视频
  &#xe621;
- 
  folder
  &#xe6a1;
- 
  selected
  &#xe6ad;
- 
  ViewGallery
  &#xe6b4;
- 
  Select all
  &#xe720;
- 
  list
  &#xe696;
- 
  eye
  &#xe775;
- 
  right
  &#xe614;
- 
  up
  &#xe620;
- 
  视频播放
  &#xe62f;
- 
  消息
  &#xe622;
- 
  选中
  &#xe63b;
- 
  消息
  &#xe625;
- 
  area-chart
  &#xe62a;
- 
  添加
  &#xe629;
- 
  视频
  &#xe62b;
- 
  python
  &#xe61a;
- 
  声音
  &#xe630;
- 
  消息
  &#xe6f1;
- 
  question
  &#xe612;
- 
  auto
  &#xe6e3;
- 
  task
  &#xe655;
- 
  atm-away
  &#xe6e9;
- 
  cross
  &#xe69c;
- 
  fire
  &#xe65b;
- 
  工具
  &#xe684;
- 
  空气_阴天
  &#xe9b0;
- 
  消息
  &#xe631;
- 
  pin
  &#xe6f2;
- 
  文件夹
  &#xe632;
- 
  full-screen
  &#xe691;
- 
  消息
  &#xe652;
- 
  上传视频
  &#xe634;
- 
  warning
  &#xe63d;
- 
  上传文件
  &#xe63e;
- 
  cross
  &#xe68a;
- 
  cross-circle
  &#xe68b;
- 
  application
  &#xe67b;
- 
  link
  &#xe718;
- 
  menu-unfold
  &#xe86c;
- 
  menu-fold
  &#xe86d;
- 
  选中
  &#xe63f;
- 
  规范
  &#xe70e;
- 
  bars
  &#xe9ee;
- 
  bms_脚手架_库存
  &#xe602;
- 
  minus
  &#xe68c;
- 
  更多
  &#xe6b2;
- 
  脚手架管理
  &#xe64f;
- 
  notification
  &#xe907;
- 
  picture
  &#xea0d;
- 
  save
  &#xe67a;
- 
  file
  &#xe677;
- 
  放大
  &#xe67f;
- 
  ALIGN RIGHT
  &#xe697;
- 
  success
  &#xe717;
- 
  new-window
  &#xe7cc;
- 
  移除
  &#xe67c;
- 
  选中
  &#xe663;
- 
  注销
  &#xe95c;
- 
  arrow-down-right
  &#xe683;
- 
  folder-open
  &#xe6f9;
- 
  tree
  &#xe815;
- 
  warning
  &#xe840;
- 
  phone
  &#xe725;
- 
  帮助
  &#xe640;
- 
  回到顶部
  &#xe65e;
- 
  subdirectory_arrow_right
  &#xed40;
- 
  添加
  &#xe643;
- 
  rightBottom_02
  &#xe685;
- 
  视频播放
  &#xe6c5;
- 
  number
  &#xe6c3;
- 
  选中
  &#xe6b1;
- 
  退出
  &#xe67d;
- 
  指南
  &#xe671;
- 
  警告
  &#xe728;
- 
  list
  &#xe66c;
- 
  选中
  &#xe644;
- 
  WorkflowDesign
  &#xe686;
- 
  WorkflowMonitoring
  &#xe687;
- 
  task
  &#xe819;
- 
  wxb报表
  &#xe645;
- 
  wxb工具
  &#xe646;
- 
  wxb搜索推广
  &#xe648;
- 
  wxb定位
  &#xe649;
- 
  setting
  &#xe615;
- 
  PLUS
  &#xe68e;
- 
  favorite
  &#xe664;
- 
  icon-toTop
  &#xe64a;
- 
  copy
  &#xe744;
- 
  更多
  &#xe64b;
- 
  操作指南
  &#xe636;
- 
  test
  &#xe76e;
- 
  标签1
  &#xe6a8;
- 
  shouji
  &#xe743;
- 
  移除
  &#xe64c;
- 
  工具
  &#xe930;
- 
  首页-首页
  &#xe64d;
- 
  注销
  &#xe69d;
- 
  回到顶部
  &#xe6a4;
- 
  home
  &#xe600;
- 
  close
  &#xe64e;
- 
  是的_right149
  &#xe6ca;
- 
  ok
  &#xe680;
- 
  首页
  &#xe6c6;
- 
  上传文件
  &#xe665;
- 
  退出
  &#xe67e;
- 
  tree
  &#xe688;
- 
  setting
  &#xe719;
- 
  回到顶部
  &#xe667;
- 
  视频
  &#xe668;
- 
  info
  &#xe66a;
- 
  toTop
  &#xe66d;
- 
  paper-clip
  &#xe66e;
- 
  play-video-button
  &#xe6f5;
- 
  file
  &#xe694;
- 
  字符
  &#xe871;
- 
  选中
  &#xe673;
- 
  task
  &#xe66f;
- 
  上传文件
  &#xe670;
- 
  订单关闭
  &#xe672;
- 
  加粗
  &#xe698;
- 
  clock
  &#xe6c4;
- 
  上传视频
  &#xe674;
- 
  声音
  &#xe676;
- 
  指引
  &#xe651;
- 
  icon_menu_fold_30x30
  &#xe60a;
- 
  天气_暴雪
  &#xe6ae;
- 
  天气_冰雹
  &#xe6af;
- 
  天气_风暴
  &#xe6b0;
- 
  天气_雷阵雨
  &#xe6b5;
- 
  天气_小雪
  &#xe6b6;
- 
  天气_小雨
  &#xe6b7;
- 
  天气_阵雪
  &#xe6b8;
- 
  天气_阵雨
  &#xe6b9;
- 
  天气_中雪
  &#xe6ba;
- 
  天气_中雨
  &#xe6bc;
- 
  选中
  &#xe678;
- 
  说明
  &#xe679;
- 
  视频全屏
  &#xe754;
- 
  退出全屏
  &#xe755;
- 
  sql
  &#xe763;
- 
  hot
  &#xe756;
- 
  打包
  &#xe61c;
- 
  history
  &#xe681;
- 
  html
  &#xe707;
- 
  icon_menu_unfold_30x30
  &#xe608;
- 
  入门篇
  &#xe616;
- 
  环境
  &#xe682;
- 
  data
  &#xe757;
- 
  通用类_添加视图
  &#xea51;
- 
  定制
  &#xe624;
- 
  error
  &#xe689;
- 
  check
  &#xe692;
- 
  选中
  &#xe68d;
- 
  移除
  &#xe6c7;
- 
  更多
  &#xe68f;
- 
  edit
  &#xe6eb;
- 
  folder-close
  &#xe6e7;
- 
  check-circle
  &#xe693;
- 
  皮肤
  &#xe690;
- 
  workflow
  &#xe695;
- 
  成功
  &#xe729;
- 
  tree
  &#xe699;
- 
  good
  &#xe69e;
- 
  template
  &#xe6bb;
- 
  减号
  &#xe6a2;
- 
  themeisle
  &#xe71a;
- 
  资源借用
  &#xe6a6;
- 
  npm
  &#xe6db;
- 
  左箭头
  &#xe637;
- 
  返回
  &#xe6aa;
- 
  列-表
  &#xe6ab;
- 
  向下 Down 1000
  &#xe6b3;
- 
  video
  &#xe69b;
- 
  724编辑器_行间距
  &#xe69a;
- 
  更多
  &#xe6c8;
- 
  业务
  &#xe61e;
- 
  工程管理
  &#xe704;
- 
  ray
  &#xe6c9;
- 
  三道杠无填充
  &#xe6cb;
- 
  上传视频
  &#xe7f0;
- 
  desktop on-line statistics
  &#xe6cc;
- 
  标识类_添加文件夹
  &#xe730;
- 
  返回
  &#xe6d6;
- 
  file-tree
  &#xe736;
- 
  穿梭框
  &#xe6cd;
- 
  eye-o
  &#xe856;
- 
  sass
  &#xe617;
- 
  number0
  &#xe657;
- 
  number6
  &#xe659;
- 
  number2
  &#xe658;
- 
  number4
  &#xe65a;
- 
  number3
  &#xe666;
- 
  number7
  &#xe65c;
- 
  number8
  &#xe65d;
- 
  number5
  &#xe660;
- 
  number9
  &#xe661;
- 
  number10
  &#xe662;
- 
  qr-code
  &#xe603;
- 
  关闭-半角
  &#xe6ce;
- 
  移除
  &#xe6cf;
- 
  ruby
  &#xe772;
- 
  退出
  &#xe6d0;
- 
  报警
  &#xe6d1;
- 
  number
  &#xe675;
- 
  chart-bar
  &#xe60c;
- 
  工具
  &#xe62d;
- 
  移除
  &#xe6d2;
- 
  定制
  &#xe623;
- 
  详情consult
  &#xe6d4;
- 
  menu-unfold
  &#xe6d5;
- 
  规范
  &#xe6d7;
- 
  success
  &#xe782;
- 
  环境
  &#xe6d8;
- 
  符号-文档
  &#xe6d9;
- 
  history
  &#xe6dc;
- 
  基 础管理
  &#xe654;
- 
  添加数据源
  &#xe6dd;
- 
  隐藏列
  &#xe6de;
- 
  edit
  &#xe6df;
- 
  input
  &#xe6e0;
- 
  enty-out-storage
  &#xe6e1;
- 
  setting
  &#xe6e2;
- 
  下划线
  &#xe6d3;
- 
  注销
  &#xe71f;
- 
  定制
  &#xe7df;
- 
  vue
  &#xe618;
- 
  表格
  &#xe71b;
- 
  cancel
  &#xe6e4;
- 
  java
  &#xe607;
- 
  更新日志
  &#xe642;
- 
  报警
  &#xe6e5;
- 
  基础
  &#xe6e6;
- 
  注销
  &#xe7fe;
- 
  template
  &#xe604;
- 
  appStore
  &#xe61b;
- 
  video
  &#xe820;
- 
  入库
  &#xe6e8;
- 
  出库
  &#xe6ea;
- 
  html
  &#xe609;
- 
  选中
  &#xe6ec;
- 
  添加文件
  &#xe731;
- 
  Application
  &#xe6ed;
- 
  收 藏
  &#xe6ee;
- 
  指引
  &#xe635;
- 
  信封
  &#xe6f0;
- 
  图表
  &#xe638;
- 
  单位
  &#xe6f3;
- 
  卡片
  &#xe6f4;
- 
  Webpack
  &#xe641;
- 
  code
  &#xe6f6;
- 
  password
  &#xe82b;
- 
  条纹码 条形码 条码
  &#xe716;
- 
  close
  &#xe6f7;
- 
  fire
  &#xe6f8;
- 
  ALIGN LEFT
  &#xe6a5;
- 
  ALIGN MIDDLE
  &#xe6a9;
- 
  数据表格2
  &#xe6fa;
- 
  code
  &#xe712;
- 
  晴-天气
  &#xe6ac;
- 
  天气_大风
  &#xe6bd;
- 
  天气_大雪
  &#xe6be;
- 
  天气_雷
  &#xe6bf;
- 
  天气_雨夹雪
  &#xe6c0;
- 
  天气_大雨
  &#xe6c1;
- 
  enzyme
  &#xe6fb;
- 
  回到顶部
  &#xe833;
- 
  视频上传
  &#xe6fc;
- 
  js
  &#xe619;
- 
  减
  &#xe6fd;
- 
  右箭头
  &#xe647;
- 
  检查
  &#xe6fe;
- 
  右下箭头
  &#xe781;
- 
  table
  &#xe6ff;
- 
  gulp
  &#xe628;
- 
  react
  &#xe650;
- 
  sass
  &#xe653;
- 
  左上箭头
  &#xe700;
- 
  tags
  &#xe701;
- 
  组件库
  &#xe702;
- 
  天气
  &#xe6c2;
- 
  add
  &#xe703;
- 
  顶层
  &#xe732;
- 
  底层
  &#xe733;
- 
  initiate-assistance
  &#xe705;
- 
  维修记录
  &#xe706;
- 
  火
  &#xe708;
- 
  交互
  &#xe626;
- 
  交互随即查询
  &#xe613;
- 
  公文范例库
  &#xe639;
- 
  postcss
  &#xe721;
- 
  webpack
  &#xe738;
- 
  新增知识库
  &#xe709;
- 
  重命名
  &#xe70a;
- 
  操作指南
  &#xe70b;
- 
  组织机构
  &#xe72a;
- 
  交互图标
  &#xe70c;
- 
  右上
  &#xe70d;
- 
  楼层设置
  &#xe734;
- 
  caret-right
  &#xe70f;
- 
  首页
  &#xe61d;
- 
  menu fold
  &#xe7af;
- 
  业务
  &#xe710;
- 
  list
  &#xe711;
- 
  table
  &#xe713;
- 
  react
  &#xe714;
- 
  右斜上箭头
  &#xe715;
- 
  more
  &#xe71c;
- 
  文档
  &#xe71d;
- 
  开发环境
  &#xe62c;
- 
  日期
  &#xe71e;
- 
  开发环境
  &#xe606;
- 
  search
  &#xe722;
- 
  缩小
  &#xe723;
- 
  上移
  &#xe735;
- 
  下移
  &#xe737;
- 
  收缩
  &#xe72b;
- 
  展开
  &#xe72c;
- 
  井
  &#xe724;
- 
  qr-code
  &#xe726;
- 
  open-in-new
  &#xe727;
- 
  角色管理
  &#xe72d;
- 
  字体
  &#xe7b1;
- 
  斜体
  &#xe6ef;
- 
  方向-右
  &#xe72e;
- 
  表视图
  &#xe7f1;
- 
  设置
  &#xe72f;
- 
  巡检路线
  &#xe739;
- 
  巡检记录
  &#xe73a;
- 
  巡检计划
  &#xe73b;
- 
  巡检点
  &#xe73c;
- 
  消息
  &#xe73d;
- 
  任务安排
  &#xe73e;
- 
  检查项目
  &#xe73f;
- 
  分类目录
  &#xe740;
- 
  查询统计
  &#xe741;
- 
  可口可乐
  &#xed41;
- 
  检查项
  &#xe742;

## Unicode 引用

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

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

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

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'amosicon';
      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#amosicon') format('svg');
    }

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

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

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

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

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

- 编译
  .amosicon-compile
- 下一页
  .amosicon-next-page
- 左上
  .amosicon-arrow-left-top-thin
- favorite
  .amosicon-favorite1
- left
  .amosicon-left
- 用户
  .amosicon-user1
- 邮箱
  .amosicon-youxiang
- 上一页
  .amosicon-pre-page
- 下拉
  .amosicon-xiala
- 添加
  .amosicon-add2
- list
  .amosicon-list-dot
- delete
  .amosicon-delete
- 退出
  .amosicon-tuichu
- 文件上传
  .amosicon-file-upload-2
- 注销
  .amosicon-zhuxiao4
- 邮箱
  .amosicon-youxiang1
- 单位
  .amosicon-danwei
- 刷新
  .amosicon-refresh
- 更多
  .amosicon-gengduo
- down
  .amosicon-down
- chart pie
  .amosicon-pie-chart
- user
  .amosicon-user
- picture
  .amosicon-picture
- 视频
  .amosicon-video1
- folder
  .amosicon-folder
- selected
  .amosicon-selected
- ViewGallery
  .amosicon-viewgallery
- Select all
  .amosicon-selectall
- list
  .amosicon-list1
- eye
  .amosicon-eye
- right
  .amosicon-right
- up
  .amosicon-up
- 视频播放
  .amosicon-shipinbofang
- 消息
  .amosicon-xiaoxi
- 选中
  .amosicon-xuanzhong
- 消息
  .amosicon-message
- area-chart
  .amosicon-area-chart
- 添加
  .amosicon-tianjia2
- 视频
  .amosicon-shipin
- python
  .amosicon-python
- 声音
  .amosicon-shengyin
- 消息
  .amosicon-xiaoxi2
- question
  .amosicon-question
- auto
  .amosicon-auto
- task
  .amosicon-task
- atm-away
  .amosicon-atmaway
- cross
  .amosicon-cross1
- fire
  .amosicon-fire-fat
- 工具
  .amosicon-tools-2
- 空气_阴天
  .amosicon-tianqi-yintian
- 消息
  .amosicon-message-1
- pin
  .amosicon-pin
- 文件夹
  .amosicon-wenjianjia
- full-screen
  .amosicon-full-screen
- 消息
  .amosicon-tubiao15
- 上传视频
  .amosicon-shangchuanshipin
- warning
  .amosicon-warning
- 上传文件
  .amosicon-file-upload-3
- cross
  .amosicon-cross
- cross-circle
  .amosicon-cross-circle
- application
  .amosicon-application-1
- link
  .amosicon-link
- menu-unfold
  .amosicon-fat-menu-unfold
- menu-fold
  .amosicon-fat-menu-fold
- 选中
  .amosicon-xuanzhong1
- 规范
  .amosicon-guifan
- bars
  .amosicon-bars
- bms_脚手架_库存
  .amosicon-scaffold-store
- minus
  .amosicon-minus
- 更多
  .amosicon-angle-more
- 脚手架管理
  .amosicon-scaffold
- notification
  .amosicon-notification
- picture
  .amosicon-picture1
- save
  .amosicon-save
- file
  .amosicon-file
- 放大
  .amosicon-zoom-in
- ALIGN RIGHT
  .amosicon-align-right
- success
  .amosicon-success
- new-window
  .amosicon-window
- 移除
  .amosicon-remove
- 选中
  .amosicon-xuanzhong2
- 注销
  .amosicon-zhuxiao
- arrow-down-right
  .amosicon-down-right-arrow
- folder-open
  .amosicon-folder-open
- tree
  .amosicon-tree
- warning
  .amosicon-danger
- phone
  .amosicon-phone
- 帮助
  .amosicon-help
- 回到顶部
  .amosicon-huidaodingbu
- subdirectory_arrow_right
  .amosicon-entry-sub-graph
- 添加
  .amosicon-tianjia1
- rightBottom_02
  .amosicon-right-bottom
- 视频播放
  .amosicon-shipinbofang1
- number
  .amosicon-number-1
- 选中
  .amosicon-check1
- 退出
  .amosicon-exit-3d
- 指南
  .amosicon-zhinan
- 警告
  .amosicon-jinggao
- list
  .amosicon-list11
- 选中
  .amosicon-xuanzhong3
- WorkflowDesign
  .amosicon-workflow-design
- WorkflowMonitoring
  .amosicon-workflow-monitor
- task
  .amosicon-task-2
- wxb报表
  .amosicon-wxbbaobiao
- wxb工具
  .amosicon-wxbgongju
- wxb搜索推广
  .amosicon-wxbsousuotuiguang
- wxb定位
  .amosicon-wxbdingwei
- setting
  .amosicon-setting
- PLUS
  .amosicon-plus
- favorite
  .amosicon-favorite
- icon-toTop
  .amosicon-icontotop
- copy
  .amosicon-copy
- 更多
  .amosicon-gengduo-copy
- 操作指南
  .amosicon-caozuo
- test
  .amosicon-test
- 标签1
  .amosicon-label
- shouji
  .amosicon-shouji
- 移除
  .amosicon-yichu
- 工具
  .amosicon-tools
- 首页-首页
  .amosicon-shouye1
- 注销
  .amosicon-zhuxiao1
- 回到顶部
  .amosicon-huidaodingbu1
- home
  .amosicon-home
- close
  .amosicon-close
- 是的_right149
  .amosicon-down-right
- ok
  .amosicon-ok
- 首页
  .amosicon-shouye
- 上传文件
  .amosicon-file-upload
- 退出
  .amosicon-exit-fat
- tree
  .amosicon-tree1
- setting
  .amosicon-setting1
- 回到顶部
  .amosicon-huidaodingbu2
- 视频
  .amosicon-shipin1
- info
  .amosicon-info
- toTop
  .amosicon-totop
- paper-clip
  .amosicon-paper-clip
- play-video-button
  .amosicon-playvideobutton
- file
  .amosicon-file-lef
- 字符
  .amosicon-char
- 选中
  .amosicon-xuanzhong4
- task
  .amosicon-task-1
- 上传文件
  .amosicon-shangchuanwenjian
- 订单关闭
  .amosicon-dingdanguanbi
- 加粗
  .amosicon-bold
- clock
  .amosicon-clock
- 上传视频
  .amosicon-video-upload
- 声音
  .amosicon-voice
- 指引
  .amosicon-zhiyin
- icon_menu_fold_30x30
  .amosicon-sim-menu-fold
- 天气_暴雪
  .amosicon-tianqi-baoxue
- 天气_冰雹
  .amosicon-tianqi-bingbao
- 天气_风暴
  .amosicon-tianqi-fengbao
- 天气_雷阵雨
  .amosicon-tianqi-leizhenyu
- 天气_小雪
  .amosicon-tianqi-xiaoxue
- 天气_小雨
  .amosicon-tianqi-xiaoyu
- 天气_阵雪
  .amosicon-tianqi-zhenxue
- 天气_阵雨
  .amosicon-tianqi-zhenyu
- 天气_中雪
  .amosicon-tianqi-zhongxue
- 天气_中雨
  .amosicon-tianqi-zhongyu
- 选中
  .amosicon-selected-1
- 说明
  .amosicon-shuoming
- 视频全屏
  .amosicon-fullScreen
- 退出全屏
  .amosicon-exitFullScreen
- sql
  .amosicon-sql
- hot
  .amosicon-hot
- 打包
  .amosicon-dabao
- history
  .amosicon-history
- html
  .amosicon-html-copy
- icon_menu_unfold_30x30
  .amosicon-sim-menu-unfold
- 入门篇
  .amosicon-rumenpian
- 环境
  .amosicon-huanjing
- data
  .amosicon-data
- 通用类_添加视图
  .amosicon-add-sub-view
- 定制
  .amosicon-dingzhi
- error
  .amosicon-error
- check
  .amosicon-check
- 选中
  .amosicon-xuanzhong7
- 移除
  .amosicon-yichu1
- 更多
  .amosicon-gengduo1
- edit
  .amosicon-edit
- folder-close
  .amosicon-folder-close
- check-circle
  .amosicon-check-circle
- 皮肤
  .amosicon-skin
- workflow
  .amosicon-workflow
- 成功
  .amosicon-duihao
- tree
  .amosicon-single-tree
- good
  .amosicon-good
- template
  .amosicon-template
- 减号
  .amosicon-jianhao
- themeisle
  .amosicon-themeisle
- 资源借用
  .amosicon-ziyuanjieyong
- npm
  .amosicon-npm
- 左箭头
  .amosicon-arrow-left
- 返回
  .amosicon-fanhui
- 列-表
  .amosicon-list
- 向下 Down 1000
  .amosicon-i-down
- video
  .amosicon-video-normal
- 724编辑器_行间距
  .amosicon-spacing
- 更多
  .amosicon-gengduo2
- 业务
  .amosicon-business
- 工程管理
  .amosicon-prj-mgmt
- ray
  .amosicon-ray
- 三道杠无填充
  .amosicon-sandaogangwutianchong
- 上传视频
  .amosicon-shangchuanshipin2
- desktop on-line statistics
  .amosicon-online-check
- 标识类_添加文件夹
  .amosicon-biaoshilei_tianjiawenjianjia
- 返回
  .amosicon-fanhui1
- file-tree
  .amosicon-file-tree
- 穿梭框
  .amosicon-chuansuokuang
- eye-o
  .amosicon-eye-o
- sass
  .amosicon-sass
- number0
  .amosicon-number-0
- number6
  .amosicon-number-6
- number2
  .amosicon-number-2
- number4
  .amosicon-number-4
- number3
  .amosicon-number-3
- number7
  .amosicon-number-7
- number8
  .amosicon-number-8
- number5
  .amosicon-number-5
- number9
  .amosicon-number-9
- number10
  .amosicon-number-10
- qr-code
  .amosicon-qr-code
- 关闭-半角
  .amosicon-guanbi
- 移除
  .amosicon-jinrongtubiao_yichu
- ruby
  .amosicon-ruby
- 退出
  .amosicon-exit
- 报警
  .amosicon-alarm-tip-single
- number
  .amosicon-number-jing
- chart-bar
  .amosicon-bar-chart
- 工具
  .amosicon-tools-1
- 移除
  .amosicon-yichu2
- 定制
  .amosicon-dingzhi1
- 详情consult
  .amosicon-tuwen_ic_data
- menu-unfold
  .amosicon-thin-menu-unfold
- 规范
  .amosicon-standard
- success
  .amosicon-success-single
- 环境
  .amosicon-env
- 符号-文档
  .amosicon-wendang
- history
  .amosicon-history-logs
- 基 础管理
  .amosicon-basic-coms
- 添加数据源
  .amosicon-database
- 隐藏列
  .amosicon-hide
- edit
  .amosicon-bianji
- input
  .amosicon-luru
- enty-out-storage
  .amosicon-querenchuku
- setting
  .amosicon-shezhi
- 下划线
  .amosicon-underline
- 注销
  .amosicon-zhuxiao2
- 定制
  .amosicon-dingzhi2
- vue
  .amosicon-vuejs
- 表格
  .amosicon-i-table
- cancel
  .amosicon-cancel
- java
  .amosicon-java
- 更新日志
  .amosicon-update-log
- 报警
  .amosicon-alarm-tip
- 基础
  .amosicon-basic
- 注销
  .amosicon-zhuxiao3
- template
  .amosicon-template-copy
- appStore
  .amosicon-appstore
- video
  .amosicon-video
- 入库
  .amosicon-ccgl-rukuyugao-8
- 出库
  .amosicon-ccgl-chukucaozuo-13
- html
  .amosicon-html
- 选中
  .amosicon-angle-selected
- 添加文件
  .amosicon-wenjiantianjia
- Application
  .amosicon-application
- 收 藏
  .amosicon-collection
- 指引
  .amosicon-zhiyin1
- 信封
  .amosicon-xinfeng
- 图表
  .amosicon-tubiao
- 单位
  .amosicon-danwei1
- 卡片
  .amosicon-card
- Webpack
  .amosicon-webpack-1
- code
  .amosicon-code-hide
- password
  .amosicon-password
- 条纹码 条形码 条码
  .amosicon-bar-code
- close
  .amosicon-close-circle
- fire
  .amosicon-fire-thin
- ALIGN LEFT
  .amosicon-align-left
- ALIGN MIDDLE
  .amosicon-align-middle
- 数据表格2
  .amosicon-data-table
- code
  .amosicon-code-show
- 晴-天气
  .amosicon-tianqi-qing
- 天气_大风
  .amosicon-tianqi-dafeng
- 天气_大雪
  .amosicon-tianqi-daxue
- 天气_雷
  .amosicon-tianqi-lei
- 天气_雨夹雪
  .amosicon-tianqi-yujiaxue
- 天气_大雨
  .amosicon-tianqi-dayu
- enzyme
  .amosicon-enzyme
- 回到顶部
  .amosicon-huidaodingbu-copy
- 视频上传
  .amosicon-shipinshangchuan
- js
  .amosicon-js
- 减
  .amosicon-minus-square
- 右箭头
  .amosicon-arrow-right
- 检查
  .amosicon-jiancha
- 右下箭头
  .amosicon-right-bottom-arrow
- table
  .amosicon-table
- gulp
  .amosicon-gulp
- react
  .amosicon-react
- sass
  .amosicon-sass-1
- 左上箭头
  .amosicon-arrow-left-top
- tags
  .amosicon-tags
- 组件库
  .amosicon-component-lib
- 天气
  .amosicon-tianqi-qingzhuanduoyun
- add
  .amosicon-add
- 顶层
  .amosicon-dingceng
- 底层
  .amosicon-diceng
- initiate-assistance
  .amosicon-initiate-assistance
- 维修记录
  .amosicon-weixiujilu
- 火
  .amosicon-fire
- 交互
  .amosicon-jiaohu-1
- 交互随即查询
  .amosicon-jiaohu
- 公文范例库
  .amosicon-store
- postcss
  .amosicon-postcss
- webpack
  .amosicon-webpack
- 新增知识库
  .amosicon-add-knowledge
- 重命名
  .amosicon-re-edit
- 操作指南
  .amosicon-guide
- 组织机构
  .amosicon-zuzhijigou
- 交互图标
  .amosicon-hudong
- 右上
  .amosicon-arrow-right-top-fat
- 楼层设置
  .amosicon-floor-settings
- caret-right
  .amosicon-caret-right
- 首页
  .amosicon-home-1
- menu fold
  .amosicon-thin-menu-fold
- 业务
  .amosicon-biz
- list
  .amosicon-list-rect
- table
  .amosicon-table-1
- react
  .amosicon-react-1
- 右斜上箭头
  .amosicon-arrow-right-top
- more
  .amosicon-number-more
- 文档
  .amosicon-doc
- 开发环境
  .amosicon-develop-env-1
- 日期
  .amosicon-date
- 开发环境
  .amosicon-develop-env
- search
  .amosicon-search
- 缩小
  .amosicon-zoom-out
- 上移
  .amosicon-control-up
- 下移
  .amosicon-control-down
- 收缩
  .amosicon-shousuo
- 展开
  .amosicon-zhankai
- 井
  .amosicon-number
- qr-code
  .amosicon-qr-code1
- open-in-new
  .amosicon-open-in-new
- 角色管理
  .amosicon-jiaoseguanli
- 字体
  .amosicon-font-family
- 斜体
  .amosicon-italic
- 方向-右
  .amosicon-leftArrow
- 表视图
  .amosicon-wulumuqishigongandashujuguanlipingtai-ico-
- 设置
  .amosicon-set
- 巡检路线
  .amosicon-xunjianluxian
- 巡检记录
  .amosicon-xunjianjilu
- 巡检计划
  .amosicon-xunjianjihua
- 巡检点
  .amosicon-xunjiandian
- 消息
  .amosicon-xiaoxi1
- 任务安排
  .amosicon-renwuanpai
- 检查项目
  .amosicon-jianchaxiangmu
- 分类目录
  .amosicon-fenleimulu
- 查询统计
  .amosicon-chaxuntongji
- 可口可乐
  .amosicon-logo
- 检查项
  .amosicon-jianchaxiang

## font-class 引用

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

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

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

使用步骤如下：

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

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

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

    <span class="amosicon amosicon-xxx"></span>

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

- 编译
  #amosicon-compile
- 下一页
  #amosicon-next-page
- 左上
  #amosicon-arrow-left-top-thin
- favorite
  #amosicon-favorite1
- left
  #amosicon-left
- 用户
  #amosicon-user1
- 邮箱
  #amosicon-youxiang
- 上一页
  #amosicon-pre-page
- 下拉
  #amosicon-xiala
- 添加
  #amosicon-add2
- list
  #amosicon-list-dot
- delete
  #amosicon-delete
- 退出
  #amosicon-tuichu
- 文件上传
  #amosicon-file-upload-2
- 注销
  #amosicon-zhuxiao4
- 邮箱
  #amosicon-youxiang1
- 单位
  #amosicon-danwei
- 刷新
  #amosicon-refresh
- 更多
  #amosicon-gengduo
- down
  #amosicon-down
- chart pie
  #amosicon-pie-chart
- user
  #amosicon-user
- picture
  #amosicon-picture
- 视频
  #amosicon-video1
- folder
  #amosicon-folder
- selected
  #amosicon-selected
- ViewGallery
  #amosicon-viewgallery
- Select all
  #amosicon-selectall
- list
  #amosicon-list1
- eye
  #amosicon-eye
- right
  #amosicon-right
- up
  #amosicon-up
- 视频播放
  #amosicon-shipinbofang
- 消息
  #amosicon-xiaoxi
- 选中
  #amosicon-xuanzhong
- 消息
  #amosicon-message
- area-chart
  #amosicon-area-chart
- 添加
  #amosicon-tianjia2
- 视频
  #amosicon-shipin
- python
  #amosicon-python
- 声音
  #amosicon-shengyin
- 消息
  #amosicon-xiaoxi2
- question
  #amosicon-question
- auto
  #amosicon-auto
- task
  #amosicon-task
- atm-away
  #amosicon-atmaway
- cross
  #amosicon-cross1
- fire
  #amosicon-fire-fat
- 工具
  #amosicon-tools-2
- 空气_阴天
  #amosicon-tianqi-yintian
- 消息
  #amosicon-message-1
- pin
  #amosicon-pin
- 文件夹
  #amosicon-wenjianjia
- full-screen
  #amosicon-full-screen
- 消息
  #amosicon-tubiao15
- 上传视频
  #amosicon-shangchuanshipin
- warning
  #amosicon-warning
- 上传文件
  #amosicon-file-upload-3
- cross
  #amosicon-cross
- cross-circle
  #amosicon-cross-circle
- application
  #amosicon-application-1
- link
  #amosicon-link
- menu-unfold
  #amosicon-fat-menu-unfold
- menu-fold
  #amosicon-fat-menu-fold
- 选中
  #amosicon-xuanzhong1
- 规范
  #amosicon-guifan
- bars
  #amosicon-bars
- bms_脚手架_库存
  #amosicon-scaffold-store
- minus
  #amosicon-minus
- 更多
  #amosicon-angle-more
- 脚手架管理
  #amosicon-scaffold
- notification
  #amosicon-notification
- picture
  #amosicon-picture1
- save
  #amosicon-save
- file
  #amosicon-file
- 放大
  #amosicon-zoom-in
- ALIGN RIGHT
  #amosicon-align-right
- success
  #amosicon-success
- new-window
  #amosicon-window
- 移除
  #amosicon-remove
- 选中
  #amosicon-xuanzhong2
- 注销
  #amosicon-zhuxiao
- arrow-down-right
  #amosicon-down-right-arrow
- folder-open
  #amosicon-folder-open
- tree
  #amosicon-tree
- warning
  #amosicon-danger
- phone
  #amosicon-phone
- 帮助
  #amosicon-help
- 回到顶部
  #amosicon-huidaodingbu
- subdirectory_arrow_right
  #amosicon-entry-sub-graph
- 添加
  #amosicon-tianjia1
- rightBottom_02
  #amosicon-right-bottom
- 视频播放
  #amosicon-shipinbofang1
- number
  #amosicon-number-1
- 选中
  #amosicon-check1
- 退出
  #amosicon-exit-3d
- 指南
  #amosicon-zhinan
- 警告
  #amosicon-jinggao
- list
  #amosicon-list11
- 选中
  #amosicon-xuanzhong3
- WorkflowDesign
  #amosicon-workflow-design
- WorkflowMonitoring
  #amosicon-workflow-monitor
- task
  #amosicon-task-2
- wxb报表
  #amosicon-wxbbaobiao
- wxb工具
  #amosicon-wxbgongju
- wxb搜索推广
  #amosicon-wxbsousuotuiguang
- wxb定位
  #amosicon-wxbdingwei
- setting
  #amosicon-setting
- PLUS
  #amosicon-plus
- favorite
  #amosicon-favorite
- icon-toTop
  #amosicon-icontotop
- copy
  #amosicon-copy
- 更多
  #amosicon-gengduo-copy
- 操作指南
  #amosicon-caozuo
- test
  #amosicon-test
- 标签1
  #amosicon-label
- shouji
  #amosicon-shouji
- 移除
  #amosicon-yichu
- 工具
  #amosicon-tools
- 首页-首页
  #amosicon-shouye1
- 注销
  #amosicon-zhuxiao1
- 回到顶部
  #amosicon-huidaodingbu1
- home
  #amosicon-home
- close
  #amosicon-close
- 是的_right149
  #amosicon-down-right
- ok
  #amosicon-ok
- 首页
  #amosicon-shouye
- 上传文件
  #amosicon-file-upload
- 退出
  #amosicon-exit-fat
- tree
  #amosicon-tree1
- setting
  #amosicon-setting1
- 回到顶部
  #amosicon-huidaodingbu2
- 视频
  #amosicon-shipin1
- info
  #amosicon-info
- toTop
  #amosicon-totop
- paper-clip
  #amosicon-paper-clip
- play-video-button
  #amosicon-playvideobutton
- file
  #amosicon-file-lef
- 字符
  #amosicon-char
- 选中
  #amosicon-xuanzhong4
- task
  #amosicon-task-1
- 上传文件
  #amosicon-shangchuanwenjian
- 订单关闭
  #amosicon-dingdanguanbi
- 加粗
  #amosicon-bold
- clock
  #amosicon-clock
- 上传视频
  #amosicon-video-upload
- 声音
  #amosicon-voice
- 指引
  #amosicon-zhiyin
- icon_menu_fold_30x30
  #amosicon-sim-menu-fold
- 天气_暴雪
  #amosicon-tianqi-baoxue
- 天气_冰雹
  #amosicon-tianqi-bingbao
- 天气_风暴
  #amosicon-tianqi-fengbao
- 天气_雷阵雨
  #amosicon-tianqi-leizhenyu
- 天气_小雪
  #amosicon-tianqi-xiaoxue
- 天气_小雨
  #amosicon-tianqi-xiaoyu
- 天气_阵雪
  #amosicon-tianqi-zhenxue
- 天气_阵雨
  #amosicon-tianqi-zhenyu
- 天气_中雪
  #amosicon-tianqi-zhongxue
- 天气_中雨
  #amosicon-tianqi-zhongyu
- 选中
  #amosicon-selected-1
- 说明
  #amosicon-shuoming
- 视频全屏
  #amosicon-fullScreen
- 退出全屏
  #amosicon-exitFullScreen
- sql
  #amosicon-sql
- hot
  #amosicon-hot
- 打包
  #amosicon-dabao
- history
  #amosicon-history
- html
  #amosicon-html-copy
- icon_menu_unfold_30x30
  #amosicon-sim-menu-unfold
- 入门篇
  #amosicon-rumenpian
- 环境
  #amosicon-huanjing
- data
  #amosicon-data
- 通用类_添加视图
  #amosicon-add-sub-view
- 定制
  #amosicon-dingzhi
- error
  #amosicon-error
- check
  #amosicon-check
- 选中
  #amosicon-xuanzhong7
- 移除
  #amosicon-yichu1
- 更多
  #amosicon-gengduo1
- edit
  #amosicon-edit
- folder-close
  #amosicon-folder-close
- check-circle
  #amosicon-check-circle
- 皮肤
  #amosicon-skin
- workflow
  #amosicon-workflow
- 成功
  #amosicon-duihao
- tree
  #amosicon-single-tree
- good
  #amosicon-good
- template
  #amosicon-template
- 减号
  #amosicon-jianhao
- themeisle
  #amosicon-themeisle
- 资源借用
  #amosicon-ziyuanjieyong
- npm
  #amosicon-npm
- 左箭头
  #amosicon-arrow-left
- 返回
  #amosicon-fanhui
- 列-表
  #amosicon-list
- 向下 Down 1000
  #amosicon-i-down
- video
  #amosicon-video-normal
- 724编辑器_行间距
  #amosicon-spacing
- 更多
  #amosicon-gengduo2
- 业务
  #amosicon-business
- 工程管理
  #amosicon-prj-mgmt
- ray
  #amosicon-ray
- 三道杠无填充
  #amosicon-sandaogangwutianchong
- 上传视频
  #amosicon-shangchuanshipin2
- desktop on-line statistics
  #amosicon-online-check
- 标识类_添加文件夹
  #amosicon-biaoshilei_tianjiawenjianjia
- 返回
  #amosicon-fanhui1
- file-tree
  #amosicon-file-tree
- 穿梭框
  #amosicon-chuansuokuang
- eye-o
  #amosicon-eye-o
- sass
  #amosicon-sass
- number0
  #amosicon-number-0
- number6
  #amosicon-number-6
- number2
  #amosicon-number-2
- number4
  #amosicon-number-4
- number3
  #amosicon-number-3
- number7
  #amosicon-number-7
- number8
  #amosicon-number-8
- number5
  #amosicon-number-5
- number9
  #amosicon-number-9
- number10
  #amosicon-number-10
- qr-code
  #amosicon-qr-code
- 关闭-半角
  #amosicon-guanbi
- 移除
  #amosicon-jinrongtubiao_yichu
- ruby
  #amosicon-ruby
- 退出
  #amosicon-exit
- 报警
  #amosicon-alarm-tip-single
- number
  #amosicon-number-jing
- chart-bar
  #amosicon-bar-chart
- 工具
  #amosicon-tools-1
- 移除
  #amosicon-yichu2
- 定制
  #amosicon-dingzhi1
- 详情consult
  #amosicon-tuwen_ic_data
- menu-unfold
  #amosicon-thin-menu-unfold
- 规范
  #amosicon-standard
- success
  #amosicon-success-single
- 环境
  #amosicon-env
- 符号-文档
  #amosicon-wendang
- history
  #amosicon-history-logs
- 基 础管理
  #amosicon-basic-coms
- 添加数据源
  #amosicon-database
- 隐藏列
  #amosicon-hide
- edit
  #amosicon-bianji
- input
  #amosicon-luru
- enty-out-storage
  #amosicon-querenchuku
- setting
  #amosicon-shezhi
- 下划线
  #amosicon-underline
- 注销
  #amosicon-zhuxiao2
- 定制
  #amosicon-dingzhi2
- vue
  #amosicon-vuejs
- 表格
  #amosicon-i-table
- cancel
  #amosicon-cancel
- java
  #amosicon-java
- 更新日志
  #amosicon-update-log
- 报警
  #amosicon-alarm-tip
- 基础
  #amosicon-basic
- 注销
  #amosicon-zhuxiao3
- template
  #amosicon-template-copy
- appStore
  #amosicon-appstore
- video
  #amosicon-video
- 入库
  #amosicon-ccgl-rukuyugao-8
- 出库
  #amosicon-ccgl-chukucaozuo-13
- html
  #amosicon-html
- 选中
  #amosicon-angle-selected
- 添加文件
  #amosicon-wenjiantianjia
- Application
  #amosicon-application
- 收 藏
  #amosicon-collection
- 指引
  #amosicon-zhiyin1
- 信封
  #amosicon-xinfeng
- 图表
  #amosicon-tubiao
- 单位
  #amosicon-danwei1
- 卡片
  #amosicon-card
- Webpack
  #amosicon-webpack-1
- code
  #amosicon-code-hide
- password
  #amosicon-password
- 条纹码 条形码 条码
  #amosicon-bar-code
- close
  #amosicon-close-circle
- fire
  #amosicon-fire-thin
- ALIGN LEFT
  #amosicon-align-left
- ALIGN MIDDLE
  #amosicon-align-middle
- 数据表格2
  #amosicon-data-table
- code
  #amosicon-code-show
- 晴-天气
  #amosicon-tianqi-qing
- 天气_大风
  #amosicon-tianqi-dafeng
- 天气_大雪
  #amosicon-tianqi-daxue
- 天气_雷
  #amosicon-tianqi-lei
- 天气_雨夹雪
  #amosicon-tianqi-yujiaxue
- 天气_大雨
  #amosicon-tianqi-dayu
- enzyme
  #amosicon-enzyme
- 回到顶部
  #amosicon-huidaodingbu-copy
- 视频上传
  #amosicon-shipinshangchuan
- js
  #amosicon-js
- 减
  #amosicon-minus-square
- 右箭头
  #amosicon-arrow-right
- 检查
  #amosicon-jiancha
- 右下箭头
  #amosicon-right-bottom-arrow
- table
  #amosicon-table
- gulp
  #amosicon-gulp
- react
  #amosicon-react
- sass
  #amosicon-sass-1
- 左上箭头
  #amosicon-arrow-left-top
- tags
  #amosicon-tags
- 组件库
  #amosicon-component-lib
- 天气
  #amosicon-tianqi-qingzhuanduoyun
- add
  #amosicon-add
- 顶层
  #amosicon-dingceng
- 底层
  #amosicon-diceng
- initiate-assistance
  #amosicon-initiate-assistance
- 维修记录
  #amosicon-weixiujilu
- 火
  #amosicon-fire
- 交互
  #amosicon-jiaohu-1
- 交互随即查询
  #amosicon-jiaohu
- 公文范例库
  #amosicon-store
- postcss
  #amosicon-postcss
- webpack
  #amosicon-webpack
- 新增知识库
  #amosicon-add-knowledge
- 重命名
  #amosicon-re-edit
- 操作指南
  #amosicon-guide
- 组织机构
  #amosicon-zuzhijigou
- 交互图标
  #amosicon-hudong
- 右上
  #amosicon-arrow-right-top-fat
- 楼层设置
  #amosicon-floor-settings
- caret-right
  #amosicon-caret-right
- 首页
  #amosicon-home-1
- menu fold
  #amosicon-thin-menu-fold
- 业务
  #amosicon-biz
- list
  #amosicon-list-rect
- table
  #amosicon-table-1
- react
  #amosicon-react-1
- 右斜上箭头
  #amosicon-arrow-right-top
- more
  #amosicon-number-more
- 文档
  #amosicon-doc
- 开发环境
  #amosicon-develop-env-1
- 日期
  #amosicon-date
- 开发环境
  #amosicon-develop-env
- search
  #amosicon-search
- 缩小
  #amosicon-zoom-out
- 上移
  #amosicon-control-up
- 下移
  #amosicon-control-down
- 收缩
  #amosicon-shousuo
- 展开
  #amosicon-zhankai
- 井
  #amosicon-number
- qr-code
  #amosicon-qr-code1
- open-in-new
  #amosicon-open-in-new
- 角色管理
  #amosicon-jiaoseguanli
- 字体
  #amosicon-font-family
- 斜体
  #amosicon-italic
- 方向-右
  #amosicon-leftArrow
- 表视图
  #amosicon-wulumuqishigongandashujuguanlipingtai-ico-
- 设置
  #amosicon-set
- 巡检路线
  #amosicon-xunjianluxian
- 巡检记录
  #amosicon-xunjianjilu
- 巡检计划
  #amosicon-xunjianjihua
- 巡检点
  #amosicon-xunjiandian
- 消息
  #amosicon-xiaoxi1
- 任务安排
  #amosicon-renwuanpai
- 检查项目
  #amosicon-jianchaxiangmu
- 分类目录
  #amosicon-fenleimulu
- 查询统计
  #amosicon-chaxuntongji
- 可口可乐
  #amosicon-logo
- 检查项
  #amosicon-jianchaxiang

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