# IconFont 图标

- 
  编译
  &#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
  &#xe69b;
- 
  fire
  &#xe65a;
- 
  工具
  &#xe684;
- 
  消息
  &#xe631;
- 
  pin
  &#xe6f2;
- 
  文件夹
  &#xe632;
- 
  full-screen
  &#xe691;
- 
  消息
  &#xe652;
- 
  上传视频
  &#xe634;
- 
  warning
  &#xe63d;
- 
  上传文件
  &#xe63e;
- 
  application
  &#xe67b;
- 
  link
  &#xe718;
- 
  menu-unfold
  &#xe86c;
- 
  menu-fold
  &#xe86d;
- 
  选中
  &#xe63f;
- 
  规范
  &#xe70e;
- 
  bars
  &#xe9ee;
- 
  bms_脚手架_库存
  &#xe602;
- 
  更多
  &#xe6b2;
- 
  脚手架管理
  &#xe64f;
- 
  notification
  &#xe907;
- 
  picture
  &#xea0d;
- 
  save
  &#xe67a;
- 
  file
  &#xe677;
- 
  放大
  &#xe67f;
- 
  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;
- 
  视频播放
  &#xe6bc;
- 
  选中
  &#xe6b1;
- 
  退出
  &#xe67d;
- 
  指南
  &#xe671;
- 
  list
  &#xe66c;
- 
  选中
  &#xe644;
- 
  WorkflowDesign
  &#xe686;
- 
  WorkflowMonitoring
  &#xe687;
- 
  task
  &#xe819;
- 
  wxb报表
  &#xe645;
- 
  wxb工具
  &#xe646;
- 
  wxb搜索推广
  &#xe648;
- 
  wxb定位
  &#xe649;
- 
  setting
  &#xe615;
- 
  favorite
  &#xe65b;
- 
  icon-toTop
  &#xe64a;
- 
  copy
  &#xe744;
- 
  更多
  &#xe64b;
- 
  操作指南
  &#xe636;
- 
  test
  &#xe76e;
- 
  标签1
  &#xe6a8;
- 
  移除
  &#xe64c;
- 
  工具
  &#xe930;
- 
  首页-首页
  &#xe64d;
- 
  注销
  &#xe69c;
- 
  回到顶部
  &#xe6a4;
- 
  home
  &#xe600;
- 
  close
  &#xe64e;
- 
  是的_right149
  &#xe6ca;
- 
  ok
  &#xe680;
- 
  首页
  &#xe6bd;
- 
  上传文件
  &#xe65d;
- 
  退出
  &#xe67e;
- 
  tree
  &#xe688;
- 
  setting
  &#xe719;
- 
  回到顶部
  &#xe660;
- 
  视频
  &#xe661;
- 
  info
  &#xe662;
- 
  toTop
  &#xe666;
- 
  paper-clip
  &#xe667;
- 
  play-video-button
  &#xe6f5;
- 
  file
  &#xe692;
- 
  字符
  &#xe871;
- 
  选中
  &#xe673;
- 
  task
  &#xe668;
- 
  上传文件
  &#xe66d;
- 
  订单关闭
  &#xe66e;
- 
  上传视频
  &#xe672;
- 
  声音
  &#xe674;
- 
  指引
  &#xe651;
- 
  icon_menu_fold_30x30
  &#xe60a;
- 
  选中
  &#xe675;
- 
  说明
  &#xe678;
- 
  hot
  &#xe756;
- 
  打包
  &#xe61c;
- 
  history
  &#xe681;
- 
  html
  &#xe707;
- 
  icon_menu_unfold_30x30
  &#xe608;
- 
  入门篇
  &#xe616;
- 
  环境
  &#xe657;
- 
  data
  &#xe757;
- 
  通用类_添加视图
  &#xea51;
- 
  定制
  &#xe624;
- 
  error
  &#xe689;
- 
  选中
  &#xe68a;
- 
  移除
  &#xe6c1;
- 
  更多
  &#xe68b;
- 
  edit
  &#xe6eb;
- 
  folder-close
  &#xe6e7;
- 
  皮肤
  &#xe68c;
- 
  workflow
  &#xe68d;
- 
  tree
  &#xe68e;
- 
  good
  &#xe699;
- 
  template
  &#xe6bb;
- 
  减号
  &#xe68f;
- 
  themeisle
  &#xe71a;
- 
  资源借用
  &#xe690;
- 
  npm
  &#xe6db;
- 
  左箭头
  &#xe637;
- 
  返回
  &#xe693;
- 
  列-表
  &#xe6a2;
- 
  向下 Down 1000
  &#xe6a9;
- 
  更多
  &#xe694;
- 
  业务
  &#xe61e;
- 
  工程管理
  &#xe704;
- 
  ray
  &#xe66a;
- 
  三道杠无填充
  &#xe695;
- 
  上传视频
  &#xe7f0;
- 
  desktop on-line statistics
  &#xe670;
- 
  返回
  &#xe6d6;
- 
  file-tree
  &#xe736;
- 
  穿梭框
  &#xe6a6;
- 
  eye-o
  &#xe856;
- 
  sass
  &#xe617;
- 
  qr-code
  &#xe603;
- 
  关闭-半角
  &#xe6c4;
- 
  移除
  &#xe6c5;
- 
  ruby
  &#xe772;
- 
  退出
  &#xe6c6;
- 
  报警
  &#xe6c7;
- 
  chart-bar
  &#xe60c;
- 
  工具
  &#xe62d;
- 
  移除
  &#xe6c9;
- 
  定制
  &#xe623;
- 
  详情consult
  &#xe6cb;
- 
  menu-unfold
  &#xe682;
- 
  规范
  &#xe6b0;
- 
  success
  &#xe782;
- 
  环境
  &#xe658;
- 
  符号-文档
  &#xe679;
- 
  history
  &#xe6cc;
- 
  基 础管理
  &#xe654;
- 
  添加数据源
  &#xe6ac;
- 
  隐藏列
  &#xe69d;
- 
  edit
  &#xe6cd;
- 
  input
  &#xe6ce;
- 
  enty-out-storage
  &#xe6cf;
- 
  setting
  &#xe6d0;
- 
  注销
  &#xe71f;
- 
  定制
  &#xe7df;
- 
  vue
  &#xe618;
- 
  表格
  &#xe71b;
- 
  cancel
  &#xe6d1;
- 
  java
  &#xe607;
- 
  更新日志
  &#xe642;
- 
  报警
  &#xe6d2;
- 
  基础
  &#xe676;
- 
  注销
  &#xe7fe;
- 
  template
  &#xe604;
- 
  appStore
  &#xe61b;
- 
  video
  &#xe820;
- 
  入库
  &#xe6d4;
- 
  出库
  &#xe6d5;
- 
  html
  &#xe609;
- 
  选中
  &#xe6d7;
- 
  Application
  &#xe66f;
- 
  收 藏
  &#xe6d8;
- 
  指引
  &#xe635;
- 
  信封
  &#xe6d9;
- 
  图表
  &#xe638;
- 
  单位
  &#xe6dc;
- 
  卡片
  &#xe6dd;
- 
  Webpack
  &#xe641;
- 
  code
  &#xe6de;
- 
  password
  &#xe82b;
- 
  条纹码 条形码 条码
  &#xe716;
- 
  close
  &#xe6df;
- 
  fire
  &#xe6e0;
- 
  数据表格2
  &#xe69a;
- 
  code
  &#xe712;
- 
  enzyme
  &#xe6ba;
- 
  回到顶部
  &#xe833;
- 
  视频上传
  &#xe6ec;
- 
  js
  &#xe619;
- 
  减
  &#xe6ed;
- 
  右箭头
  &#xe647;
- 
  检查
  &#xe6ef;
- 
  右下箭头
  &#xe781;
- 
  table
  &#xe6f0;
- 
  gulp
  &#xe628;
- 
  react
  &#xe650;
- 
  sass
  &#xe653;
- 
  左上箭头
  &#xe6f3;
- 
  tags
  &#xe6e4;
- 
  组件库
  &#xe665;
- 
  add
  &#xe6f6;
- 
  initiate-assistance
  &#xe69e;
- 
  维修记录
  &#xe6f7;
- 
  火
  &#xe6f8;
- 
  交互
  &#xe626;
- 
  交互随即查询
  &#xe613;
- 
  公文范例库
  &#xe639;
- 
  postcss
  &#xe721;
- 
  webpack
  &#xe738;
- 
  新增知识库
  &#xe6aa;
- 
  重命名
  &#xe697;
- 
  操作指南
  &#xe6a5;
- 
  交互图标
  &#xe6b5;
- 
  右上
  &#xe6fa;
- 
  caret-right
  &#xe6fb;
- 
  首页
  &#xe61d;
- 
  menu fold
  &#xe7af;
- 
  业务
  &#xe659;
- 
  list
  &#xe6fc;
- 
  table
  &#xe6fd;
- 
  react
  &#xe664;
- 
  右斜上箭头
  &#xe6fe;
- 
  more
  &#xe6ff;
- 
  文档
  &#xe65c;
- 
  开发环境
  &#xe62c;
- 
  日期
  &#xe70a;
- 
  开发环境
  &#xe606;
- 
  search
  &#xe700;
- 
  缩小
  &#xe701;
- 
  井
  &#xe698;
- 
  qr-code
  &#xe702;
- 
  open-in-new
  &#xe703;

## 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.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;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
    }

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

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

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