#

- 
  xt-双泵
  &#xe73f;
- 
  xt-排床详情-禁用
  &#xe73e;
- 
  xt-排床详情-默认
  &#xe73a;
- 
  xt-编辑-默认白色
  &#xe73b;
- 
  xt-排床详情-鼠标上移
  &#xe73c;
- 
  xt-导入成功
  &#xe738;
- 
  xt-导入失败
  &#xe739;
- 
  xt-详情刷新-鼠标上移
  &#xe737;
- 
  xt-详情-默认
  &#xe733;
- 
  xt-详情保存-默认
  &#xe734;
- 
  xt-详情保存-鼠标上移
  &#xe735;
- 
  xt-详情-鼠标上移
  &#xe736;
- 
  xt-上传中附件
  &#xe729;
- 
  xt-详情筛选-默认
  &#xe72a;
- 
  xt-数值偏高
  &#xe72b;
- 
  xt-数值偏低
  &#xe72c;
- 
  xt-详情上传-默认
  &#xe72d;
- 
  xt-详情上传-鼠标上移
  &#xe72e;
- 
  xt-详情筛选-鼠标上移
  &#xe72f;
- 
  xt-异常提示
  &#xe730;
- 
  xt-详情里的附件
  &#xe731;
- 
  xt-详情刷新-默认
  &#xe732;
- 
  xt-加一-禁用
  &#xe721;
- 
  xt-加一-默认
  &#xe722;
- 
  xt-减一-鼠标上移
  &#xe723;
- 
  xt-加一-鼠标上移
  &#xe724;
- 
  xt-发布生效-默认
  &#xe725;
- 
  xt-减一-禁用
  &#xe726;
- 
  xt-发布生效-鼠标上移
  &#xe727;
- 
  xt-减一-默认
  &#xe728;
- 
  xt-抽屉关闭-鼠标上移
  &#xe71d;
- 
  xt-抽屉关闭-默认
  &#xe71e;
- 
  xt-抽屉返回-默认
  &#xe71f;
- 
  xt-抽屉返回-鼠标上移
  &#xe720;
- 
  xt-详情编辑-鼠标上移
  &#xe713;
- 
  xt-详情更多-鼠标上移
  &#xe714;
- 
  xt-详情编辑-禁用
  &#xe715;
- 
  xt-详情更多-默认
  &#xe716;
- 
  xt-详情编辑-默认
  &#xe717;
- 
  xt-详情删除-禁用
  &#xe718;
- 
  xt-详情添加-默认
  &#xe719;
- 
  xt-详情删除-鼠标上移
  &#xe71a;
- 
  xt-详情添加-鼠标上移
  &#xe71b;
- 
  xt-详情删除-默认
  &#xe71c;
- 
  xt-关闭标签-默认
  &#xe70d;
- 
  xt-导入数据-默认
  &#xe70e;
- 
  xt-关闭标签-鼠标上移
  &#xe70f;
- 
  xt-筛选-鼠标上移
  &#xe710;
- 
  xt-筛选-默认
  &#xe711;
- 
  xt-导入数据-鼠标上移
  &#xe712;
- 
  xt-表头排序-正序
  &#xe708;
- 
  xt-查看病历-默认
  &#xe709;
- 
  xt-表头排序-倒序
  &#xe70a;
- 
  xt-查看病历-鼠标上移
  &#xe70b;
- 
  xt-表头排序
  &#xe70c;
- 
  xt-编辑-鼠标上移
  &#xe6f2;
- 
  xt-编辑-默认
  &#xe6f3;
- 
  xt-查房-鼠标上移
  &#xe6f4;
- 
  xt-查房-默认
  &#xe6f5;
- 
  xt-打印-鼠标上移
  &#xe6f6;
- 
  xt-打印-默认
  &#xe6f7;
- 
  xt-顶部导航-收起
  &#xe6f8;
- 
  xt-顶部导航-下拉
  &#xe6f9;
- 
  xt-顶部导航-下载中心-默认
  &#xe6fa;
- 
  xt-导出-默认
  &#xe6fb;
- 
  xt-导出-鼠标上移
  &#xe6fc;
- 
  xt-顶部导航-消息-默认
  &#xe6fd;
- 
  xt-更多操作-默认
  &#xe6fe;
- 
  xt-顶部导航-消息-鼠标上移
  &#xe6ff;
- 
  xt-搜索框-搜索
  &#xe700;
- 
  xt-顶部导航-下载中心-鼠标上移
  &#xe701;
- 
  xt-删除-默认
  &#xe702;
- 
  xt-更多操作-鼠标上移
  &#xe703;
- 
  xt-删除-鼠标上移
  &#xe704;
- 
  xt-新增记录
  &#xe705;
- 
  xt-下拉框-收起备份
  &#xe706;
- 
  xt-左侧导航-logo
  &#xe707;
- 
  xt-费用管理-选中
  &#xe6d2;
- 
  xt-工程师端-选中
  &#xe6d3;
- 
  xt-费用管理-默认
  &#xe6d4;
- 
  xt-时间选择
  &#xe6d5;
- 
  xt-统计分析-默认
  &#xe6d6;
- 
  xt-透前准备-男
  &#xe6d7;
- 
  xt-今日就诊-选中
  &#xe6d8;
- 
  xt-首页-选中
  &#xe6d9;
- 
  xt-健康宣教-选中
  &#xe6da;
- 
  xt-首页-默认
  &#xe6db;
- 
  xt-日期选择
  &#xe6dc;
- 
  xt-工程师端-默认
  &#xe6dd;
- 
  xt-今日就诊-默认
  &#xe6de;
- 
  xt-透析室-男
  &#xe6df;
- 
  xt-预约排床-选中
  &#xe6e0;
- 
  xt-透前准备-女
  &#xe6e1;
- 
  xt-透析室-女
  &#xe6e2;
- 
  xt-药品耗材-默认
  &#xe6e3;
- 
  xt-透析病历-选中
  &#xe6e4;
- 
  xt-透析机管理-默认
  &#xe6e5;
- 
  xt-质控上报-默认
  &#xe6e6;
- 
  xt-预约排床-默认
  &#xe6e7;
- 
  xt-左侧导航-收起
  &#xe6e8;
- 
  xt-统计分析-选中
  &#xe6e9;
- 
  xt-健康宣教-默认
  &#xe6ea;
- 
  xt-左侧导航-展开
  &#xe6eb;
- 
  xt-系统设置-默认
  &#xe6ec;
- 
  xt-透析机管理-选中
  &#xe6ed;
- 
  xt-质控上报-选中
  &#xe6ee;
- 
  xt-系统设置-选中
  &#xe6ef;
- 
  xt-药品耗材-选中
  &#xe6f0;
- 
  xt-透析病历-默认
  &#xe6f1;
- 
  铃铛2
  &#xe64a;
- 
  unlock
  &#xe808;
- 
  lock
  &#xe809;
- 
  customerservice
  &#xe80a;
- 
  medicinebox
  &#xe80b;
- 
  shop
  &#xe80c;
- 
  rocket
  &#xe80d;
- 
  shopping
  &#xe80e;
- 
  folder
  &#xe80f;
- 
  folder-open
  &#xe810;
- 
  folder-add
  &#xe811;
- 
  account book
  &#xe812;
- 
  contacts
  &#xe813;
- 
  carry out
  &#xe814;
- 
  calendar-check
  &#xe815;
- 
  calendar
  &#xe816;
- 
  scan
  &#xe817;
- 
  select
  &#xe818;
- 
  laptop
  &#xe819;
- 
  barcode
  &#xe81a;
- 
  camera
  &#xe81b;
- 
  cluster
  &#xe81c;
- 
  gateway
  &#xe81d;
- 
  car
  &#xe81e;
- 
  printer
  &#xe81f;
- 
  read
  &#xe820;
- 
  cloud-server
  &#xe821;
- 
  cloud-upload
  &#xe822;
- 
  cloud
  &#xe823;
- 
  cloud-download
  &#xe824;
- 
  cloud-sync
  &#xe825;
- 
  video
  &#xe826;
- 
  notification
  &#xe827;
- 
  sound
  &#xe828;
- 
  radar chart
  &#xe829;
- 
  qrcode
  &#xe82a;
- 
  fund
  &#xe82b;
- 
  image
  &#xe82c;
- 
  mail
  &#xe82d;
- 
  table
  &#xe82e;
- 
  id card
  &#xe82f;
- 
  credit card
  &#xe830;
- 
  heart
  &#xe831;
- 
  block
  &#xe832;
- 
  error
  &#xe833;
- 
  star
  &#xe834;
- 
  gold
  &#xe835;
- 
  heat map
  &#xe836;
- 
  wifi
  &#xe837;
- 
  attachment
  &#xe838;
- 
  edit
  &#xe839;
- 
  key
  &#xe83a;
- 
  api
  &#xe83b;
- 
  highlight
  &#xe83c;
- 
  monitor
  &#xe83d;
- 
  link
  &#xe83e;
- 
  man
  &#xe83f;
- 
  percentage
  &#xe840;
- 
  pushpin
  &#xe841;
- 
  phone
  &#xe842;
- 
  shake
  &#xe843;
- 
  tag
  &#xe844;
- 
  wrench
  &#xe845;
- 
  tags
  &#xe846;
- 
  scissor
  &#xe847;
- 
  mr
  &#xe848;
- 
  share
  &#xe849;
- 
  branches
  &#xe84a;
- 
  fork
  &#xe84b;
- 
  shrink
  &#xe84c;
- 
  arrawsalt
  &#xe84d;
- 
  vertical right
  &#xe84e;
- 
  right
  &#xe84f;
- 
  left
  &#xe850;
- 
  up
  &#xe851;
- 
  down
  &#xe852;
- 
  fullscreen
  &#xe853;
- 
  fullscreen-exit
  &#xe854;
- 
  doubleleft
  &#xe855;
- 
  double right
  &#xe856;
- 
  arrowright
  &#xe857;
- 
  arrowup
  &#xe858;
- 
  arrowleft
  &#xe859;
- 
  arrowdown
  &#xe85a;
- 
  upload
  &#xe85b;
- 
  unordered list
  &#xe85c;
- 
  check
  &#xe85d;
- 
  ellipsis
  &#xe85e;
- 
  close
  &#xe85f;
- 
  pause
  &#xe860;
- 
  crown
  &#xe861;
- 
  drag
  &#xe862;
- 
  desktop
  &#xe863;
- 
  gift
  &#xe864;
- 
  stop
  &#xe865;
- 
  fire
  &#xe866;
- 
  thunderbolt
  &#xe867;
- 
  mail-fill
  &#xe86f;
- 
  printer-fill
  &#xe870;
- 
  setting-fill
  &#xe871;
- 
  USB-fill
  &#xe872;
- 
  ant design
  &#xe879;
- 
  IE
  &#xe87a;
- 
  HTML5
  &#xe87d;
- 
  apple
  &#xe87e;
- 
  android
  &#xe87f;
- 
  windows
  &#xe880;
- 
  zoom out
  &#xe897;
- 
  apartment
  &#xe898;
- 
  audio
  &#xe899;
- 
  robot
  &#xe89a;
- 
  zoom in
  &#xe89b;
- 
  robot-fill
  &#xe8e8;
- 
  bug-fill
  &#xe8e9;
- 
  bug
  &#xe8ea;
- 
  audio static
  &#xe8eb;
- 
  comment
  &#xe8ec;
- 
  signal-fill
  &#xe8ed;
- 
  videocamera add
  &#xe8ee;
- 
  switch user
  &#xe8ef;
- 
  appstore add
  &#xe8f0;
- 
  search
  &#xe8f1;
- 
  woman
  &#xe8f2;
- 
  plus
  &#xe8fe;
- 
  eye close-fill
  &#xe8ff;
- 
  eye-close
  &#xe900;
- 
  clear
  &#xe901;
- 
  rotate-left
  &#xe902;
- 
  rotate-right
  &#xe903;
- 
  insert row below
  &#xe904;
- 
  insert row above
  &#xe905;
- 
  table
  &#xe906;
- 
  solit-cells
  &#xe907;
- 
  format painter
  &#xe908;
- 
  insert row right
  &#xe909;
- 
  format painter-fill
  &#xe90a;
- 
  insert row left
  &#xe90b;
- 
  translate
  &#xe90c;
- 
  delete row
  &#xe90d;
- 
  sisternode
  &#xe90e;
- 
  Field-number
  &#xe90f;
- 
  Field-String
  &#xe910;
- 
  Function
  &#xe911;
- 
  Field-time
  &#xe912;
- 
  GIF
  &#xe913;
- 
  Partition
  &#xe914;
- 
  index
  &#xe915;
- 
  Stored procedure
  &#xe916;
- 
  Field-Binary
  &#xe917;
- 
  Console-SQL
  &#xe918;
- 
  1:1
  &#xe919;
- 
  aim
  &#xe91a;
- 
  compress
  &#xe91b;
- 
  expend
  &#xe91c;
- 
  folder-view
  &#xe91d;
- 
  file-GIF
  &#xe91e;
- 
  group
  &#xe91f;
- 
  send
  &#xe920;
- 
  Report
  &#xe921;
- 
  View
  &#xe922;
- 
  shortcut
  &#xe923;
- 
  ungroup
  &#xe924;
- 
  edit-square
  &#xe7c6;
- 
  export
  &#xe7c7;
- 
  save
  &#xe7c8;
- 
  app store
  &#xe7c9;
- 
  minus-square
  &#xe7ca;
- 
  plus-square
  &#xe7cb;
- 
  right-square
  &#xe7cc;
- 
  wallet
  &#xe7cd;
- 
  add user
  &#xe7ce;
- 
  delete team
  &#xe7cf;
- 
  delete user
  &#xe7d0;
- 
  addteam
  &#xe7d1;
- 
  user
  &#xe7d2;
- 
  team
  &#xe7d3;
- 
  area chart
  &#xe7d4;
- 
  line chart
  &#xe7d5;
- 
  bar chart
  &#xe7d6;
- 
  point map
  &#xe7d7;
- 
  container
  &#xe7d8;
- 
  database
  &#xe7d9;
- 
  sever
  &#xe7da;
- 
  mobile
  &#xe7db;
- 
  tablet
  &#xe7dc;
- 
  red envelope
  &#xe7dd;
- 
  book
  &#xe7de;
- 
  file done
  &#xe7df;
- 
  reconciliation
  &#xe7e0;
- 
  file -exception
  &#xe7e1;
- 
  file sync
  &#xe7e2;
- 
  file search
  &#xe7e3;
- 
  solution
  &#xe7e4;
- 
  file protect
  &#xe7e5;
- 
  file-add
  &#xe7e6;
- 
  file-excel
  &#xe7e7;
- 
  file-exclamation
  &#xe7e8;
- 
  file-pdf
  &#xe7e9;
- 
  file-image
  &#xe7ea;
- 
  file-markdown
  &#xe7eb;
- 
  file-ppt
  &#xe7ec;
- 
  file-word
  &#xe7ed;
- 
  file
  &#xe7ee;
- 
  file-zip
  &#xe7ef;
- 
  file-text
  &#xe7f0;
- 
  file-copy
  &#xe7f1;
- 
  snippets
  &#xe7f2;
- 
  audit
  &#xe7f3;
- 
  diff
  &#xe7f4;
- 
  Batch folding
  &#xe7f5;
- 
  security scan
  &#xe7f6;
- 
  property safety
  &#xe7f7;
- 
  safety certificate
  &#xe7f8;
- 
  insurance
  &#xe7f9;
- 
  alert
  &#xe7fa;
- 
  delete
  &#xe7fb;
- 
  hourglass
  &#xe7fc;
- 
  bulb
  &#xe7fd;
- 
  bell
  &#xe7fe;
- 
  trophy
  &#xe7ff;
- 
  rest
  &#xe800;
- 
  USB
  &#xe801;
- 
  skin
  &#xe802;
- 
  home
  &#xe803;
- 
  bank
  &#xe804;
- 
  filter
  &#xe805;
- 
  like
  &#xe806;
- 
  unlike
  &#xe807;
- 
  close-circle
  &#xe782;
- 
  frown
  &#xe783;
- 
  info-circle
  &#xe784;
- 
  left-circle
  &#xe785;
- 
  down-circle
  &#xe786;
- 
  EURO
  &#xe787;
- 
  copyright
  &#xe788;
- 
  minus-circle
  &#xe789;
- 
  meh
  &#xe78a;
- 
  plus-circle
  &#xe78b;
- 
  play-circle
  &#xe78c;
- 
  question-circle
  &#xe78d;
- 
  Pound
  &#xe78e;
- 
  right-circle
  &#xe78f;
- 
  smile
  &#xe790;
- 
  trademark
  &#xe791;
- 
  time-circle
  &#xe792;
- 
  time out
  &#xe793;
- 
  earth
  &#xe794;
- 
  YUAN
  &#xe795;
- 
  up-circle
  &#xe796;
- 
  warning-circle
  &#xe797;
- 
  sync
  &#xe798;
- 
  transaction
  &#xe799;
- 
  undo
  &#xe79a;
- 
  redo
  &#xe79b;
- 
  reload
  &#xe79c;
- 
  reload time
  &#xe79d;
- 
  message
  &#xe79e;
- 
  dashboard
  &#xe79f;
- 
  issues close
  &#xe7a0;
- 
  poweroff
  &#xe7a1;
- 
  logout
  &#xe7a2;
- 
  pie chart
  &#xe7a3;
- 
  setting
  &#xe7a4;
- 
  eye
  &#xe7a5;
- 
  location
  &#xe7a6;
- 
  check-circle
  &#xe77d;
- 
  CI
  &#xe77e;
- 
  Dollar
  &#xe77f;
- 
  compass
  &#xe780;

## Unicode 引用

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

- 支持按字体的方式去动态调整图标大小，颜色等等。
- 默认情况下不支持多色，直接添加多色图标会自动去色。

> 注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.woff2?t=1686992005532') format('woff2'),
           url('iconfont.woff?t=1686992005532') format('woff'),
           url('iconfont.ttf?t=1686992005532') format('truetype');
    }

### 第二步：定义使用 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"。

- xt-双泵
  .icon-xt-dual-pump_default
- xt-排床详情-禁用
  .icon-xt-bed_disable
- xt-排床详情-默认
  .icon-xt-bed_default
- xt-编辑-默认白色
  .icon-xt-edit-white_default
- xt-排床详情-鼠标上移
  .icon-xt-bed_selected
- xt-导入成功
  .icon-xt-success
- xt-导入失败
  .icon-xt-fail
- xt-详情刷新-鼠标上移
  .icon-xt-details-refresh_selected
- xt-详情-默认
  .icon-xt-details_default
- xt-详情保存-默认
  .icon-xt-details_save_default
- xt-详情保存-鼠标上移
  .icon-xt-details_save_selected
- xt-详情-鼠标上移
  .icon-xt-details_selected
- xt-上传中附件
  .icon-xt-annex
- xt-详情筛选-默认
  .icon-xt-details_screen_default
- xt-数值偏高
  .icon-xt-numerical_up
- xt-数值偏低
  .icon-xt-numerical_down
- xt-详情上传-默认
  .icon-xt-details_upload_default
- xt-详情上传-鼠标上移
  .icon-xt-details_upload_selected
- xt-详情筛选-鼠标上移
  .icon-xt-details_screen_selected
- xt-异常提示
  .icon-xt-abnormal
- xt-详情里的附件
  .icon-xt-details-annex
- xt-详情刷新-默认
  .icon-xt-details-refresh_default
- xt-加一-禁用
  .icon-xt-add_disable
- xt-加一-默认
  .icon-xt-add_default
- xt-减一-鼠标上移
  .icon-xt-reduce_selected
- xt-加一-鼠标上移
  .icon-xt-add_selected
- xt-发布生效-默认
  .icon-xt-release_default
- xt-减一-禁用
  .icon-xt-reduce_disable
- xt-发布生效-鼠标上移
  .icon-xt-release_selected
- xt-减一-默认
  .icon-xt-reduce_default
- xt-抽屉关闭-鼠标上移
  .icon-xt-drawer-close_selected
- xt-抽屉关闭-默认
  .icon-xt-drawer-close_default
- xt-抽屉返回-默认
  .icon-xt-drawer-return_default
- xt-抽屉返回-鼠标上移
  .icon-xt-drawer-return_selected
- xt-详情编辑-鼠标上移
  .icon-xt-details_edit_selected
- xt-详情更多-鼠标上移
  .icon-xt-details_more_selected
- xt-详情编辑-禁用
  .icon-xt-details_edit_disable
- xt-详情更多-默认
  .icon-xt-details_more_default
- xt-详情编辑-默认
  .icon-xt-details_edit_default
- xt-详情删除-禁用
  .icon-xt-details_delete_disable
- xt-详情添加-默认
  .icon-xt-details_increase_default
- xt-详情删除-鼠标上移
  .icon-xt-details_delete_selected
- xt-详情添加-鼠标上移
  .icon-xt-details_increase_selected
- xt-详情删除-默认
  .icon-xt-details_delete_default
- xt-关闭标签-默认
  .icon-xt-close_default
- xt-导入数据-默认
  .icon-xt-import_default
- xt-关闭标签-鼠标上移
  .icon-xt-close_selected
- xt-筛选-鼠标上移
  .icon-xt-screen_selected
- xt-筛选-默认
  .icon-xt-screen_default
- xt-导入数据-鼠标上移
  .icon-xt-import_selected
- xt-表头排序-正序
  .icon-xt-sort_up
- xt-查看病历-默认
  .icon-xt-medical_default
- xt-表头排序-倒序
  .icon-xt-sort_down
- xt-查看病历-鼠标上移
  .icon-xt-medical_selected
- xt-表头排序
  .icon-xt-sort
- xt-编辑-鼠标上移
  .icon-xt-edit_selected
- xt-编辑-默认
  .icon-xt-edit_default
- xt-查房-鼠标上移
  .icon-xt-ward_selected
- xt-查房-默认
  .icon-xt-ward_default
- xt-打印-鼠标上移
  .icon-xt-print_selected
- xt-打印-默认
  .icon-xt-print_default
- xt-顶部导航-收起
  .icon-xt-arrow_up_selected
- xt-顶部导航-下拉
  .icon-xt-arrow_down
- xt-顶部导航-下载中心-默认
  .icon-xt-download_default
- xt-导出-默认
  .icon-xt-export_default
- xt-导出-鼠标上移
  .icon-xt-export_selected
- xt-顶部导航-消息-默认
  .icon-xt-message_default
- xt-更多操作-默认
  .icon-xt-more_default
- xt-顶部导航-消息-鼠标上移
  .icon-xt-message_selected
- xt-搜索框-搜索
  .icon-xt-search
- xt-顶部导航-下载中心-鼠标上移
  .icon-xt-download_selected
- xt-删除-默认
  .icon-xt-delete_default
- xt-更多操作-鼠标上移
  .icon-xt-more_selected
- xt-删除-鼠标上移
  .icon-xt-delete_selected
- xt-新增记录
  .icon-xt-increase
- xt-下拉框-收起备份
  .icon-xt-arrow_up
- xt-左侧导航-logo
  .icon-xt-logo_left
- xt-费用管理-选中
  .icon-xt-cost_selected
- xt-工程师端-选中
  .icon-xt-engineer_selected
- xt-费用管理-默认
  .icon-xt-cost_default
- xt-时间选择
  .icon-xt-time
- xt-统计分析-默认
  .icon-xt-statistics_default
- xt-透前准备-男
  .icon-xt-male_lg
- xt-今日就诊-选中
  .icon-xt-today_selected
- xt-首页-选中
  .icon-xt-home_selected
- xt-健康宣教-选中
  .icon-xt-health_selected
- xt-首页-默认
  .icon-xt-home_default
- xt-日期选择
  .icon-xt-date
- xt-工程师端-默认
  .icon-xt-engineer_default
- xt-今日就诊-默认
  .icon-xt-today_default
- xt-透析室-男
  .icon-xt-male_sm
- xt-预约排床-选中
  .icon-xt-reservation_selected
- xt-透前准备-女
  .icon-xt-female_lg
- xt-透析室-女
  .icon-xt-female_sm
- xt-药品耗材-默认
  .icon-xt-drug_default
- xt-透析病历-选中
  .icon-xt-record_selected
- xt-透析机管理-默认
  .icon-xt-machine_default
- xt-质控上报-默认
  .icon-xt-quality_default
- xt-预约排床-默认
  .icon-xt-reservation_default
- xt-左侧导航-收起
  .icon-xt-navigation_up
- xt-统计分析-选中
  .icon-xt-statistics_selected
- xt-健康宣教-默认
  .icon-xt-health_default
- xt-左侧导航-展开
  .icon-xt-navigation_down
- xt-系统设置-默认
  .icon-xt-set_default
- xt-透析机管理-选中
  .icon-xt-machine_selected
- xt-质控上报-选中
  .icon-xt-quality_selected
- xt-系统设置-选中
  .icon-xt-set_selected
- xt-药品耗材-选中
  .icon-xt-drug_selected
- xt-透析病历-默认
  .icon-xt-record_default
- 铃铛2
  .icon-lingdang
- unlock
  .icon-unlock
- lock
  .icon-lock
- customerservice
  .icon-customerservice
- medicinebox
  .icon-medicinebox
- shop
  .icon-shop
- rocket
  .icon-rocket
- shopping
  .icon-shopping
- folder
  .icon-folder
- folder-open
  .icon-folder-open
- folder-add
  .icon-folder-add
- account book
  .icon-accountbook
- contacts
  .icon-contacts
- carry out
  .icon-carryout
- calendar-check
  .icon-calendar-check
- calendar
  .icon-calendar
- scan
  .icon-scan
- select
  .icon-select
- laptop
  .icon-laptop
- barcode
  .icon-barcode
- camera
  .icon-camera
- cluster
  .icon-cluster
- gateway
  .icon-gateway
- car
  .icon-car
- printer
  .icon-printer
- read
  .icon-read
- cloud-server
  .icon-cloud-server
- cloud-upload
  .icon-cloud-upload
- cloud
  .icon-cloud
- cloud-download
  .icon-cloud-download
- cloud-sync
  .icon-cloud-sync
- video
  .icon-video
- notification
  .icon-notification
- sound
  .icon-sound
- radar chart
  .icon-radarchart
- qrcode
  .icon-qrcode
- fund
  .icon-fund
- image
  .icon-image
- mail
  .icon-mail
- table
  .icon-table
- id card
  .icon-idcard
- credit card
  .icon-creditcard
- heart
  .icon-heart
- block
  .icon-block
- error
  .icon-error
- star
  .icon-star
- gold
  .icon-gold
- heat map
  .icon-heatmap
- wifi
  .icon-wifi
- attachment
  .icon-attachment
- edit
  .icon-edit
- key
  .icon-key
- api
  .icon-api
- highlight
  .icon-highlight
- monitor
  .icon-monitor
- link
  .icon-link
- man
  .icon-man
- percentage
  .icon-percentage
- pushpin
  .icon-pushpin
- phone
  .icon-phone
- shake
  .icon-shake
- tag
  .icon-tag
- wrench
  .icon-wrench
- tags
  .icon-tags
- scissor
  .icon-scissor
- mr
  .icon-mr
- share
  .icon-share
- branches
  .icon-branches
- fork
  .icon-fork
- shrink
  .icon-shrink
- arrawsalt
  .icon-arrawsalt
- vertical right
  .icon-verticalright
- right
  .icon-right
- left
  .icon-left
- up
  .icon-up
- down
  .icon-down
- fullscreen
  .icon-fullscreen
- fullscreen-exit
  .icon-fullscreen-exit
- doubleleft
  .icon-doubleleft
- double right
  .icon-doubleright
- arrowright
  .icon-arrowright
- arrowup
  .icon-arrowup
- arrowleft
  .icon-arrowleft
- arrowdown
  .icon-arrowdown
- upload
  .icon-upload
- unordered list
  .icon-unorderedlist
- check
  .icon-check
- ellipsis
  .icon-ellipsis
- close
  .icon-close
- pause
  .icon-pause
- crown
  .icon-crown
- drag
  .icon-drag
- desktop
  .icon-desktop
- gift
  .icon-gift
- stop
  .icon-stop
- fire
  .icon-fire
- thunderbolt
  .icon-thunderbolt
- mail-fill
  .icon-mail-fill
- printer-fill
  .icon-printer-fill
- setting-fill
  .icon-setting-fill
- USB-fill
  .icon-USB-fill
- ant design
  .icon-antdesign
- IE
  .icon-IE
- HTML5
  .icon-HTML
- apple
  .icon-apple
- android
  .icon-android
- windows
  .icon-windows
- zoom out
  .icon-zoomout
- apartment
  .icon-apartment
- audio
  .icon-audio
- robot
  .icon-robot
- zoom in
  .icon-zoomin
- robot-fill
  .icon-robot-fill
- bug-fill
  .icon-bug-fill
- bug
  .icon-bug
- audio static
  .icon-audiostatic
- comment
  .icon-comment
- signal-fill
  .icon-signal-fill
- videocamera add
  .icon-videocameraadd
- switch user
  .icon-switchuser
- appstore add
  .icon-appstoreadd
- search
  .icon-search
- woman
  .icon-woman
- plus
  .icon-plus
- eye close-fill
  .icon-eyeclose-fill
- eye-close
  .icon-eye-close
- clear
  .icon-clear
- rotate-left
  .icon-rotate-left
- rotate-right
  .icon-rotate-right
- insert row below
  .icon-insertrowbelow
- insert row above
  .icon-insertrowabove
- table
  .icon-table1
- solit-cells
  .icon-solit-cells
- format painter
  .icon-formatpainter
- insert row right
  .icon-insertrowright
- format painter-fill
  .icon-formatpainter-fill
- insert row left
  .icon-insertrowleft
- translate
  .icon-translate
- delete row
  .icon-deleterow
- sisternode
  .icon-sisternode
- Field-number
  .icon-Field-number
- Field-String
  .icon-Field-String
- Function
  .icon-Function
- Field-time
  .icon-Field-time
- GIF
  .icon-GIF
- Partition
  .icon-Partition
- index
  .icon-index
- Stored procedure
  .icon-Storedprocedure
- Field-Binary
  .icon-Field-Binary
- Console-SQL
  .icon-Console-SQL
- 1:1
  .icon-icon-test
- aim
  .icon-aim
- compress
  .icon-compress
- expend
  .icon-expend
- folder-view
  .icon-folder-view
- file-GIF
  .icon-file-GIF
- group
  .icon-group
- send
  .icon-send
- Report
  .icon-Report
- View
  .icon-View
- shortcut
  .icon-shortcut
- ungroup
  .icon-ungroup
- edit-square
  .icon-edit-square
- export
  .icon-export
- save
  .icon-save
- app store
  .icon-appstore
- minus-square
  .icon-minus-square
- plus-square
  .icon-plus-square
- right-square
  .icon-right-square
- wallet
  .icon-wallet
- add user
  .icon-adduser
- delete team
  .icon-deleteteam
- delete user
  .icon-deleteuser
- addteam
  .icon-addteam
- user
  .icon-user
- team
  .icon-team
- area chart
  .icon-areachart
- line chart
  .icon-linechart
- bar chart
  .icon-barchart
- point map
  .icon-pointmap
- container
  .icon-container
- database
  .icon-database
- sever
  .icon-sever
- mobile
  .icon-mobile
- tablet
  .icon-tablet
- red envelope
  .icon-redenvelope
- book
  .icon-book
- file done
  .icon-filedone
- reconciliation
  .icon-reconciliation
- file -exception
  .icon-file-exception
- file sync
  .icon-filesync
- file search
  .icon-filesearch
- solution
  .icon-solution
- file protect
  .icon-fileprotect
- file-add
  .icon-file-add
- file-excel
  .icon-file-excel
- file-exclamation
  .icon-file-exclamation
- file-pdf
  .icon-file-pdf
- file-image
  .icon-file-image
- file-markdown
  .icon-file-markdown
- file-ppt
  .icon-file-ppt
- file-word
  .icon-file-word
- file
  .icon-file
- file-zip
  .icon-file-zip
- file-text
  .icon-file-text
- file-copy
  .icon-file-copy
- snippets
  .icon-snippets
- audit
  .icon-audit
- diff
  .icon-diff
- Batch folding
  .icon-Batchfolding
- security scan
  .icon-securityscan
- property safety
  .icon-propertysafety
- safety certificate
  .icon-safetycertificate
- insurance
  .icon-insurance
- alert
  .icon-alert
- delete
  .icon-delete
- hourglass
  .icon-hourglass
- bulb
  .icon-bulb
- bell
  .icon-bell
- trophy
  .icon-trophy
- rest
  .icon-rest
- USB
  .icon-USB
- skin
  .icon-skin
- home
  .icon-home
- bank
  .icon-bank
- filter
  .icon-filter
- like
  .icon-like
- unlike
  .icon-unlike
- close-circle
  .icon-close-circle
- frown
  .icon-frown
- info-circle
  .icon-info-circle
- left-circle
  .icon-left-circle
- down-circle
  .icon-down-circle
- EURO
  .icon-EURO
- copyright
  .icon-copyright
- minus-circle
  .icon-minus-circle
- meh
  .icon-meh
- plus-circle
  .icon-plus-circle
- play-circle
  .icon-play-circle
- question-circle
  .icon-question-circle
- Pound
  .icon-Pound
- right-circle
  .icon-right-circle
- smile
  .icon-smile
- trademark
  .icon-trademark
- time-circle
  .icon-time-circle
- time out
  .icon-timeout
- earth
  .icon-earth
- YUAN
  .icon-YUAN
- up-circle
  .icon-up-circle
- warning-circle
  .icon-warning-circle
- sync
  .icon-sync
- transaction
  .icon-transaction
- undo
  .icon-undo
- redo
  .icon-redo
- reload
  .icon-reload
- reload time
  .icon-reloadtime
- message
  .icon-message
- dashboard
  .icon-dashboard
- issues close
  .icon-issuesclose
- poweroff
  .icon-poweroff
- logout
  .icon-logout
- pie chart
  .icon-piechart
- setting
  .icon-setting
- eye
  .icon-eye
- location
  .icon-location
- check-circle
  .icon-check-circle
- CI
  .icon-CI
- Dollar
  .icon-Dollar
- compass
  .icon-compass

## font-class 引用

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

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

- 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。

使用步骤如下：

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

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

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

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

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

- xt-双泵
  #icon-xt-dual-pump_default
- xt-排床详情-禁用
  #icon-xt-bed_disable
- xt-排床详情-默认
  #icon-xt-bed_default
- xt-编辑-默认白色
  #icon-xt-edit-white_default
- xt-排床详情-鼠标上移
  #icon-xt-bed_selected
- xt-导入成功
  #icon-xt-success
- xt-导入失败
  #icon-xt-fail
- xt-详情刷新-鼠标上移
  #icon-xt-details-refresh_selected
- xt-详情-默认
  #icon-xt-details_default
- xt-详情保存-默认
  #icon-xt-details_save_default
- xt-详情保存-鼠标上移
  #icon-xt-details_save_selected
- xt-详情-鼠标上移
  #icon-xt-details_selected
- xt-上传中附件
  #icon-xt-annex
- xt-详情筛选-默认
  #icon-xt-details_screen_default
- xt-数值偏高
  #icon-xt-numerical_up
- xt-数值偏低
  #icon-xt-numerical_down
- xt-详情上传-默认
  #icon-xt-details_upload_default
- xt-详情上传-鼠标上移
  #icon-xt-details_upload_selected
- xt-详情筛选-鼠标上移
  #icon-xt-details_screen_selected
- xt-异常提示
  #icon-xt-abnormal
- xt-详情里的附件
  #icon-xt-details-annex
- xt-详情刷新-默认
  #icon-xt-details-refresh_default
- xt-加一-禁用
  #icon-xt-add_disable
- xt-加一-默认
  #icon-xt-add_default
- xt-减一-鼠标上移
  #icon-xt-reduce_selected
- xt-加一-鼠标上移
  #icon-xt-add_selected
- xt-发布生效-默认
  #icon-xt-release_default
- xt-减一-禁用
  #icon-xt-reduce_disable
- xt-发布生效-鼠标上移
  #icon-xt-release_selected
- xt-减一-默认
  #icon-xt-reduce_default
- xt-抽屉关闭-鼠标上移
  #icon-xt-drawer-close_selected
- xt-抽屉关闭-默认
  #icon-xt-drawer-close_default
- xt-抽屉返回-默认
  #icon-xt-drawer-return_default
- xt-抽屉返回-鼠标上移
  #icon-xt-drawer-return_selected
- xt-详情编辑-鼠标上移
  #icon-xt-details_edit_selected
- xt-详情更多-鼠标上移
  #icon-xt-details_more_selected
- xt-详情编辑-禁用
  #icon-xt-details_edit_disable
- xt-详情更多-默认
  #icon-xt-details_more_default
- xt-详情编辑-默认
  #icon-xt-details_edit_default
- xt-详情删除-禁用
  #icon-xt-details_delete_disable
- xt-详情添加-默认
  #icon-xt-details_increase_default
- xt-详情删除-鼠标上移
  #icon-xt-details_delete_selected
- xt-详情添加-鼠标上移
  #icon-xt-details_increase_selected
- xt-详情删除-默认
  #icon-xt-details_delete_default
- xt-关闭标签-默认
  #icon-xt-close_default
- xt-导入数据-默认
  #icon-xt-import_default
- xt-关闭标签-鼠标上移
  #icon-xt-close_selected
- xt-筛选-鼠标上移
  #icon-xt-screen_selected
- xt-筛选-默认
  #icon-xt-screen_default
- xt-导入数据-鼠标上移
  #icon-xt-import_selected
- xt-表头排序-正序
  #icon-xt-sort_up
- xt-查看病历-默认
  #icon-xt-medical_default
- xt-表头排序-倒序
  #icon-xt-sort_down
- xt-查看病历-鼠标上移
  #icon-xt-medical_selected
- xt-表头排序
  #icon-xt-sort
- xt-编辑-鼠标上移
  #icon-xt-edit_selected
- xt-编辑-默认
  #icon-xt-edit_default
- xt-查房-鼠标上移
  #icon-xt-ward_selected
- xt-查房-默认
  #icon-xt-ward_default
- xt-打印-鼠标上移
  #icon-xt-print_selected
- xt-打印-默认
  #icon-xt-print_default
- xt-顶部导航-收起
  #icon-xt-arrow_up_selected
- xt-顶部导航-下拉
  #icon-xt-arrow_down
- xt-顶部导航-下载中心-默认
  #icon-xt-download_default
- xt-导出-默认
  #icon-xt-export_default
- xt-导出-鼠标上移
  #icon-xt-export_selected
- xt-顶部导航-消息-默认
  #icon-xt-message_default
- xt-更多操作-默认
  #icon-xt-more_default
- xt-顶部导航-消息-鼠标上移
  #icon-xt-message_selected
- xt-搜索框-搜索
  #icon-xt-search
- xt-顶部导航-下载中心-鼠标上移
  #icon-xt-download_selected
- xt-删除-默认
  #icon-xt-delete_default
- xt-更多操作-鼠标上移
  #icon-xt-more_selected
- xt-删除-鼠标上移
  #icon-xt-delete_selected
- xt-新增记录
  #icon-xt-increase
- xt-下拉框-收起备份
  #icon-xt-arrow_up
- xt-左侧导航-logo
  #icon-xt-logo_left
- xt-费用管理-选中
  #icon-xt-cost_selected
- xt-工程师端-选中
  #icon-xt-engineer_selected
- xt-费用管理-默认
  #icon-xt-cost_default
- xt-时间选择
  #icon-xt-time
- xt-统计分析-默认
  #icon-xt-statistics_default
- xt-透前准备-男
  #icon-xt-male_lg
- xt-今日就诊-选中
  #icon-xt-today_selected
- xt-首页-选中
  #icon-xt-home_selected
- xt-健康宣教-选中
  #icon-xt-health_selected
- xt-首页-默认
  #icon-xt-home_default
- xt-日期选择
  #icon-xt-date
- xt-工程师端-默认
  #icon-xt-engineer_default
- xt-今日就诊-默认
  #icon-xt-today_default
- xt-透析室-男
  #icon-xt-male_sm
- xt-预约排床-选中
  #icon-xt-reservation_selected
- xt-透前准备-女
  #icon-xt-female_lg
- xt-透析室-女
  #icon-xt-female_sm
- xt-药品耗材-默认
  #icon-xt-drug_default
- xt-透析病历-选中
  #icon-xt-record_selected
- xt-透析机管理-默认
  #icon-xt-machine_default
- xt-质控上报-默认
  #icon-xt-quality_default
- xt-预约排床-默认
  #icon-xt-reservation_default
- xt-左侧导航-收起
  #icon-xt-navigation_up
- xt-统计分析-选中
  #icon-xt-statistics_selected
- xt-健康宣教-默认
  #icon-xt-health_default
- xt-左侧导航-展开
  #icon-xt-navigation_down
- xt-系统设置-默认
  #icon-xt-set_default
- xt-透析机管理-选中
  #icon-xt-machine_selected
- xt-质控上报-选中
  #icon-xt-quality_selected
- xt-系统设置-选中
  #icon-xt-set_selected
- xt-药品耗材-选中
  #icon-xt-drug_selected
- xt-透析病历-默认
  #icon-xt-record_default
- 铃铛2
  #icon-lingdang
- unlock
  #icon-unlock
- lock
  #icon-lock
- customerservice
  #icon-customerservice
- medicinebox
  #icon-medicinebox
- shop
  #icon-shop
- rocket
  #icon-rocket
- shopping
  #icon-shopping
- folder
  #icon-folder
- folder-open
  #icon-folder-open
- folder-add
  #icon-folder-add
- account book
  #icon-accountbook
- contacts
  #icon-contacts
- carry out
  #icon-carryout
- calendar-check
  #icon-calendar-check
- calendar
  #icon-calendar
- scan
  #icon-scan
- select
  #icon-select
- laptop
  #icon-laptop
- barcode
  #icon-barcode
- camera
  #icon-camera
- cluster
  #icon-cluster
- gateway
  #icon-gateway
- car
  #icon-car
- printer
  #icon-printer
- read
  #icon-read
- cloud-server
  #icon-cloud-server
- cloud-upload
  #icon-cloud-upload
- cloud
  #icon-cloud
- cloud-download
  #icon-cloud-download
- cloud-sync
  #icon-cloud-sync
- video
  #icon-video
- notification
  #icon-notification
- sound
  #icon-sound
- radar chart
  #icon-radarchart
- qrcode
  #icon-qrcode
- fund
  #icon-fund
- image
  #icon-image
- mail
  #icon-mail
- table
  #icon-table
- id card
  #icon-idcard
- credit card
  #icon-creditcard
- heart
  #icon-heart
- block
  #icon-block
- error
  #icon-error
- star
  #icon-star
- gold
  #icon-gold
- heat map
  #icon-heatmap
- wifi
  #icon-wifi
- attachment
  #icon-attachment
- edit
  #icon-edit
- key
  #icon-key
- api
  #icon-api
- highlight
  #icon-highlight
- monitor
  #icon-monitor
- link
  #icon-link
- man
  #icon-man
- percentage
  #icon-percentage
- pushpin
  #icon-pushpin
- phone
  #icon-phone
- shake
  #icon-shake
- tag
  #icon-tag
- wrench
  #icon-wrench
- tags
  #icon-tags
- scissor
  #icon-scissor
- mr
  #icon-mr
- share
  #icon-share
- branches
  #icon-branches
- fork
  #icon-fork
- shrink
  #icon-shrink
- arrawsalt
  #icon-arrawsalt
- vertical right
  #icon-verticalright
- right
  #icon-right
- left
  #icon-left
- up
  #icon-up
- down
  #icon-down
- fullscreen
  #icon-fullscreen
- fullscreen-exit
  #icon-fullscreen-exit
- doubleleft
  #icon-doubleleft
- double right
  #icon-doubleright
- arrowright
  #icon-arrowright
- arrowup
  #icon-arrowup
- arrowleft
  #icon-arrowleft
- arrowdown
  #icon-arrowdown
- upload
  #icon-upload
- unordered list
  #icon-unorderedlist
- check
  #icon-check
- ellipsis
  #icon-ellipsis
- close
  #icon-close
- pause
  #icon-pause
- crown
  #icon-crown
- drag
  #icon-drag
- desktop
  #icon-desktop
- gift
  #icon-gift
- stop
  #icon-stop
- fire
  #icon-fire
- thunderbolt
  #icon-thunderbolt
- mail-fill
  #icon-mail-fill
- printer-fill
  #icon-printer-fill
- setting-fill
  #icon-setting-fill
- USB-fill
  #icon-USB-fill
- ant design
  #icon-antdesign
- IE
  #icon-IE
- HTML5
  #icon-HTML
- apple
  #icon-apple
- android
  #icon-android
- windows
  #icon-windows
- zoom out
  #icon-zoomout
- apartment
  #icon-apartment
- audio
  #icon-audio
- robot
  #icon-robot
- zoom in
  #icon-zoomin
- robot-fill
  #icon-robot-fill
- bug-fill
  #icon-bug-fill
- bug
  #icon-bug
- audio static
  #icon-audiostatic
- comment
  #icon-comment
- signal-fill
  #icon-signal-fill
- videocamera add
  #icon-videocameraadd
- switch user
  #icon-switchuser
- appstore add
  #icon-appstoreadd
- search
  #icon-search
- woman
  #icon-woman
- plus
  #icon-plus
- eye close-fill
  #icon-eyeclose-fill
- eye-close
  #icon-eye-close
- clear
  #icon-clear
- rotate-left
  #icon-rotate-left
- rotate-right
  #icon-rotate-right
- insert row below
  #icon-insertrowbelow
- insert row above
  #icon-insertrowabove
- table
  #icon-table1
- solit-cells
  #icon-solit-cells
- format painter
  #icon-formatpainter
- insert row right
  #icon-insertrowright
- format painter-fill
  #icon-formatpainter-fill
- insert row left
  #icon-insertrowleft
- translate
  #icon-translate
- delete row
  #icon-deleterow
- sisternode
  #icon-sisternode
- Field-number
  #icon-Field-number
- Field-String
  #icon-Field-String
- Function
  #icon-Function
- Field-time
  #icon-Field-time
- GIF
  #icon-GIF
- Partition
  #icon-Partition
- index
  #icon-index
- Stored procedure
  #icon-Storedprocedure
- Field-Binary
  #icon-Field-Binary
- Console-SQL
  #icon-Console-SQL
- 1:1
  #icon-icon-test
- aim
  #icon-aim
- compress
  #icon-compress
- expend
  #icon-expend
- folder-view
  #icon-folder-view
- file-GIF
  #icon-file-GIF
- group
  #icon-group
- send
  #icon-send
- Report
  #icon-Report
- View
  #icon-View
- shortcut
  #icon-shortcut
- ungroup
  #icon-ungroup
- edit-square
  #icon-edit-square
- export
  #icon-export
- save
  #icon-save
- app store
  #icon-appstore
- minus-square
  #icon-minus-square
- plus-square
  #icon-plus-square
- right-square
  #icon-right-square
- wallet
  #icon-wallet
- add user
  #icon-adduser
- delete team
  #icon-deleteteam
- delete user
  #icon-deleteuser
- addteam
  #icon-addteam
- user
  #icon-user
- team
  #icon-team
- area chart
  #icon-areachart
- line chart
  #icon-linechart
- bar chart
  #icon-barchart
- point map
  #icon-pointmap
- container
  #icon-container
- database
  #icon-database
- sever
  #icon-sever
- mobile
  #icon-mobile
- tablet
  #icon-tablet
- red envelope
  #icon-redenvelope
- book
  #icon-book
- file done
  #icon-filedone
- reconciliation
  #icon-reconciliation
- file -exception
  #icon-file-exception
- file sync
  #icon-filesync
- file search
  #icon-filesearch
- solution
  #icon-solution
- file protect
  #icon-fileprotect
- file-add
  #icon-file-add
- file-excel
  #icon-file-excel
- file-exclamation
  #icon-file-exclamation
- file-pdf
  #icon-file-pdf
- file-image
  #icon-file-image
- file-markdown
  #icon-file-markdown
- file-ppt
  #icon-file-ppt
- file-word
  #icon-file-word
- file
  #icon-file
- file-zip
  #icon-file-zip
- file-text
  #icon-file-text
- file-copy
  #icon-file-copy
- snippets
  #icon-snippets
- audit
  #icon-audit
- diff
  #icon-diff
- Batch folding
  #icon-Batchfolding
- security scan
  #icon-securityscan
- property safety
  #icon-propertysafety
- safety certificate
  #icon-safetycertificate
- insurance
  #icon-insurance
- alert
  #icon-alert
- delete
  #icon-delete
- hourglass
  #icon-hourglass
- bulb
  #icon-bulb
- bell
  #icon-bell
- trophy
  #icon-trophy
- rest
  #icon-rest
- USB
  #icon-USB
- skin
  #icon-skin
- home
  #icon-home
- bank
  #icon-bank
- filter
  #icon-filter
- like
  #icon-like
- unlike
  #icon-unlike
- close-circle
  #icon-close-circle
- frown
  #icon-frown
- info-circle
  #icon-info-circle
- left-circle
  #icon-left-circle
- down-circle
  #icon-down-circle
- EURO
  #icon-EURO
- copyright
  #icon-copyright
- minus-circle
  #icon-minus-circle
- meh
  #icon-meh
- plus-circle
  #icon-plus-circle
- play-circle
  #icon-play-circle
- question-circle
  #icon-question-circle
- Pound
  #icon-Pound
- right-circle
  #icon-right-circle
- smile
  #icon-smile
- trademark
  #icon-trademark
- time-circle
  #icon-time-circle
- time out
  #icon-timeout
- earth
  #icon-earth
- YUAN
  #icon-YUAN
- up-circle
  #icon-up-circle
- warning-circle
  #icon-warning-circle
- sync
  #icon-sync
- transaction
  #icon-transaction
- undo
  #icon-undo
- redo
  #icon-redo
- reload
  #icon-reload
- reload time
  #icon-reloadtime
- message
  #icon-message
- dashboard
  #icon-dashboard
- issues close
  #icon-issuesclose
- poweroff
  #icon-poweroff
- logout
  #icon-logout
- pie chart
  #icon-piechart
- setting
  #icon-setting
- eye
  #icon-eye
- location
  #icon-location
- check-circle
  #icon-check-circle
- CI
  #icon-CI
- Dollar
  #icon-Dollar
- compass
  #icon-compass

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