#

- 
  group-expand
  &#xe97f;
- 
  group-collapse
  &#xe980;
- 
  Zoom to 100%
  &#xe97e;
- 
  存款业务
  &#xe97b;
- 
  国际业务
  &#xe97c;
- 
  贷款业务-1
  &#xe97d;
- 
  首页-1
  &#xe970;
- 
  客户注册-1
  &#xe971;
- 
  会计核算
  &#xe972;
- 
  投资业务
  &#xe973;
- 
  会计核算-1
  &#xe974;
- 
  结算业务-1
  &#xe975;
- 
  票据业务-1
  &#xe976;
- 
  集团业务-1
  &#xe977;
- 
  存款业务-1
  &#xe978;
- 
  国际业务-1
  &#xe979;
- 
  核心服务-1
  &#xe97a;
- 
  资金池
  &#xe964;
- 
  同业业务
  &#xe965;
- 
  客户信息
  &#xe966;
- 
  金融网关
  &#xe967;
- 
  配置中心-1
  &#xe968;
- 
  金融网关-1
  &#xe969;
- 
  集团业务
  &#xe96a;
- 
  资金池-1
  &#xe96b;
- 
  同业授信-1
  &#xe96c;
- 
  首页
  &#xe96d;
- 
  集票宝-1
  &#xe96e;
- 
  金融资产-1
  &#xe96f;
- 
  同业授信
  &#xe959;
- 
  票据业务
  &#xe95a;
- 
  结算业务
  &#xe95b;
- 
  客户注册
  &#xe95c;
- 
  集票宝
  &#xe95d;
- 
  配置中心
  &#xe95e;
- 
  核心服务
  &#xe95f;
- 
  客户信息-1
  &#xe960;
- 
  金融资产
  &#xe961;
- 
  贷款业务
  &#xe962;
- 
  同业业务-1
  &#xe963;
- 
  投资业务-1
  &#xe958;
- 
  application-fill
  &#xe956;
- 
  application1-fill
  &#xe957;
- 
  fail-fill
  &#xe948;
- 
  circle-fill
  &#xe949;
- 
  building-fill
  &#xe94a;
- 
  dashboard-fill
  &#xe94b;
- 
  arrow-down-fill
  &#xe94c;
- 
  arrow-up-fill
  &#xe94d;
- 
  audit-fill
  &#xe94e;
- 
  bond-quota-fill
  &#xe94f;
- 
  api-fill
  &#xe950;
- 
  add-fill
  &#xe951;
- 
  bank-card-fill
  &#xe952;
- 
  add1-fill
  &#xe953;
- 
  arrow-left-fill
  &#xe954;
- 
  alarm-fill
  &#xe955;
- 
  home1-fill
  &#xe939;
- 
  check-box1
  &#xe93a;
- 
  delete-fill
  &#xe93b;
- 
  calendar-weekly-fill
  &#xe93c;
- 
  dollar-fill
  &#xe93d;
- 
  layers-fill
  &#xe93e;
- 
  attention-fill
  &#xe93f;
- 
  fund-fill
  &#xe940;
- 
  chart-pie-fill
  &#xe941;
- 
  earth-fill
  &#xe942;
- 
  bank-fill
  &#xe943;
- 
  components-fill
  &#xe944;
- 
  arrow-right-fill
  &#xe945;
- 
  document-fill
  &#xe946;
- 
  edit-fill
  &#xe947;
- 
  function-fill
  &#xe92b;
- 
  more2-fill
  &#xe92c;
- 
  next-fill
  &#xe92d;
- 
  pointer-fill
  &#xe92e;
- 
  lightning1-fill
  &#xe92f;
- 
  preview-open-fill
  &#xe930;
- 
  folder-fill
  &#xe931;
- 
  maximize-fill
  &#xe932;
- 
  branch-fill
  &#xe933;
- 
  doc-search-fill
  &#xe934;
- 
  remind-fill
  &#xe935;
- 
  computer-fill
  &#xe936;
- 
  delete1-fill
  &#xe937;
- 
  back0-fill
  &#xe938;
- 
  success-fill
  &#xe91e;
- 
  parameter-fill
  &#xe91f;
- 
  time-fill
  &#xe920;
- 
  reduce-fill
  &#xe921;
- 
  item-fill
  &#xe922;
- 
  home-fill
  &#xe923;
- 
  risk2-fill
  &#xe924;
- 
  skin-fill
  &#xe925;
- 
  list3-fill
  &#xe926;
- 
  Cross-border funds-fill
  &#xe927;
- 
  forbid-fill
  &#xe928;
- 
  heart-fill
  &#xe929;
- 
  Illegal access-fill
  &#xe92a;
- 
  to-do-list-fill
  &#xe910;
- 
  to-do-list1-fill
  &#xe911;
- 
  setting1-fill
  &#xe912;
- 
  mark-fill
  &#xe913;
- 
  view-list-fill
  &#xe914;
- 
  volume-fill-1
  &#xe915;
- 
  rmb-fill
  &#xe916;
- 
  help-fill
  &#xe917;
- 
  message2-fill
  &#xe918;
- 
  reduce1-fill
  &#xe919;
- 
  user-management-fill
  &#xe91a;
- 
  info-fill
  &#xe91b;
- 
  message-fill
  &#xe91c;
- 
  tag-fill
  &#xe91d;
- 
  picture-fill
  &#xe905;
- 
  trend1-fill
  &#xe906;
- 
  terminal-fill
  &#xe907;
- 
  star-fill
  &#xe908;
- 
  setting-fill
  &#xe909;
- 
  user1-fill
  &#xe90a;
- 
  term-exposure-fill
  &#xe90b;
- 
  monitor-fill
  &#xe90c;
- 
  user-portrait-fill
  &#xe90d;
- 
  volume-fill
  &#xe90e;
- 
  workbench-fill
  &#xe90f;
- 
  sort-fill
  &#xe904;
- 
  forbid
  &#xe8fe;
- 
  info
  &#xe8ff;
- 
  attention
  &#xe900;
- 
  help
  &#xe901;
- 
  alarm
  &#xe902;
- 
  caution
  &#xe903;
- 
  video1
  &#xe8f1;
- 
  play1
  &#xe8f2;
- 
  play
  &#xe8f3;
- 
  carousel
  &#xe8f4;
- 
  camera
  &#xe8f5;
- 
  carousel-single
  &#xe8f6;
- 
  music
  &#xe8f7;
- 
  pause
  &#xe8f8;
- 
  success
  &#xe8f9;
- 
  tips1
  &#xe8fa;
- 
  tips
  &#xe8fb;
- 
  fail
  &#xe8fc;
- 
  alarm1
  &#xe8fd;
- 
  chart-histogram2
  &#xe8e5;
- 
  chart-histogram
  &#xe8e6;
- 
  chart-area
  &#xe8e7;
- 
  average
  &#xe8e8;
- 
  phone
  &#xe8e9;
- 
  volume
  &#xe8ea;
- 
  voice
  &#xe8eb;
- 
  volume-up
  &#xe8ec;
- 
  picture
  &#xe8ed;
- 
  volume-mute
  &#xe8ee;
- 
  volume-down
  &#xe8ef;
- 
  video
  &#xe8f0;
- 
  chart-pie
  &#xe8d6;
- 
  chart-scatter
  &#xe8d7;
- 
  chart-line-multi
  &#xe8d8;
- 
  positive
  &#xe8d9;
- 
  histogram
  &#xe8da;
- 
  ranking
  &#xe8db;
- 
  heat-map
  &#xe8dc;
- 
  chart-stock
  &#xe8dd;
- 
  chart-ring
  &#xe8de;
- 
  chart-combo
  &#xe8df;
- 
  chart-stacked-bar
  &#xe8e0;
- 
  chart-radar
  &#xe8e1;
- 
  chart-line
  &#xe8e2;
- 
  chart-histogram1
  &#xe8e3;
- 
  chart-data
  &#xe8e4;
- 
  k-vertical3
  &#xe8c9;
- 
  k-diagonal4
  &#xe8ca;
- 
  k-horizontal1
  &#xe8cb;
- 
  fibonacci
  &#xe8cc;
- 
  k-horizontal
  &#xe8cd;
- 
  k-diagonal5
  &#xe8ce;
- 
  k-diagonal2
  &#xe8cf;
- 
  chart-stock1
  &#xe8d0;
- 
  minimum
  &#xe8d1;
- 
  maximum
  &#xe8d2;
- 
  negative
  &#xe8d3;
- 
  pivot-table
  &#xe8d4;
- 
  chart-line-area
  &#xe8d5;
- 
  index
  &#xe8ba;
- 
  dollar
  &#xe8bb;
- 
  information1
  &#xe8bc;
- 
  account
  &#xe8bd;
- 
  information
  &#xe8be;
- 
  bank
  &#xe8bf;
- 
  k-diagonal
  &#xe8c0;
- 
  k-horizontal123
  &#xe8c1;
- 
  k-diagonal3
  &#xe8c2;
- 
  k-diagonal1
  &#xe8c3;
- 
  k-vertical1
  &#xe8c4;
- 
  fx
  &#xe8c5;
- 
  k-vertical2
  &#xe8c6;
- 
  k-horizontal2
  &#xe8c7;
- 
  k-vertical
  &#xe8c8;
- 
  fixed-assets
  &#xe8ab;
- 
  sales-approval
  &#xe8ac;
- 
  product
  &#xe8ad;
- 
  loans
  &#xe8ae;
- 
  bank-add
  &#xe8af;
- 
  research
  &#xe8b0;
- 
  coin
  &#xe8b1;
- 
  information2
  &#xe8b2;
- 
  trend
  &#xe8b3;
- 
  trend1
  &#xe8b4;
- 
  money-collect
  &#xe8b5;
- 
  date
  &#xe8b6;
- 
  euro-1
  &#xe8b7;
- 
  money-pay
  &#xe8b8;
- 
  euro
  &#xe8b9;
- 
  swap
  &#xe89c;
- 
  far
  &#xe89d;
- 
  precious-metal-1
  &#xe89e;
- 
  near
  &#xe89f;
- 
  fund
  &#xe8a0;
- 
  futures
  &#xe8a1;
- 
  spot
  &#xe8a2;
- 
  exchange
  &#xe8a3;
- 
  forward
  &#xe8a4;
- 
  bond
  &#xe8a5;
- 
  precious-metal
  &#xe8a6;
- 
  foreign-currency
  &#xe8a7;
- 
  foreign-exchange
  &#xe8a8;
- 
  commodities
  &#xe8a9;
- 
  money
  &#xe8aa;
- 
  expire-exercise
  &#xe88c;
- 
  fast-trade
  &#xe88d;
- 
  extension
  &#xe88e;
- 
  delivery
  &#xe88f;
- 
  delivery-application
  &#xe890;
- 
  calculation
  &#xe891;
- 
  ccalculator
  &#xe892;
- 
  backtrack
  &#xe893;
- 
  abandon
  &#xe894;
- 
  closing-position1
  &#xe895;
- 
  business
  &#xe896;
- 
  advance
  &#xe897;
- 
  audit
  &#xe898;
- 
  option
  &#xe899;
- 
  commodities1
  &#xe89a;
- 
  spot-goods
  &#xe89b;
- 
  payment-review
  &#xe87c;
- 
  trade
  &#xe87d;
- 
  fixing
  &#xe87e;
- 
  knock-in-out
  &#xe87f;
- 
  listing1
  &#xe880;
- 
  early-delivery
  &#xe881;
- 
  forward-option
  &#xe882;
- 
  pay
  &#xe883;
- 
  early-exercise
  &#xe884;
- 
  exercise
  &#xe885;
- 
  closing-position
  &#xe886;
- 
  listing
  &#xe887;
- 
  Interest-collection
  &#xe888;
- 
  fixed-to-selection
  &#xe889;
- 
  inquiry
  &#xe88a;
- 
  due
  &#xe88b;
- 
  price-distribution
  &#xe86c;
- 
  group-add
  &#xe86d;
- 
  multiple-lock-prices
  &#xe86e;
- 
  unlocking
  &#xe86f;
- 
  withdraw
  &#xe870;
- 
  overdue
  &#xe871;
- 
  differential-delivery
  &#xe872;
- 
  strategy-comparison
  &#xe873;
- 
  quota release
  &#xe874;
- 
  position
  &#xe875;
- 
  strategy-optimization
  &#xe876;
- 
  shopping-cart
  &#xe877;
- 
  qrcode
  &#xe878;
- 
  fixed-investment
  &#xe879;
- 
  operation
  &#xe87a;
- 
  shopping-bag
  &#xe87b;
- 
  order-inquiry
  &#xe85c;
- 
  channel-control
  &#xe85d;
- 
  biding
  &#xe85e;
- 
  future-managed
  &#xe85f;
- 
  bond-quotaanagement
  &#xe860;
- 
  cost-control
  &#xe861;
- 
  stop-loss
  &#xe862;
- 
  lock-price
  &#xe863;
- 
  listing2
  &#xe864;
- 
  no-trade
  &#xe865;
- 
  stop-profit
  &#xe866;
- 
  reversal
  &#xe867;
- 
  option-exercise
  &#xe868;
- 
  selective-delivery
  &#xe869;
- 
  listing-succeed
  &#xe86a;
- 
  trial
  &#xe86b;
- 
  counter- open
  &#xe850;
- 
  l
  &#xe851;
- 
  client-open
  &#xe852;
- 
  tranding-setting
  &#xe853;
- 
  spot-exposure
  &#xe854;
- 
  financial-statements
  &#xe855;
- 
  position-managed
  &#xe856;
- 
  system-solution
  &#xe857;
- 
  term-exposure
  &#xe858;
- 
  information-query
  &#xe859;
- 
  cost-management
  &#xe85a;
- 
  order-management
  &#xe85b;
- 
  client-close
  &#xe84e;
- 
  h
  &#xe84f;
- 
  market-risk
  &#xe83e;
- 
  monitor
  &#xe83f;
- 
  dashboard
  &#xe840;
- 
  list
  &#xe841;
- 
  prefecture-amount
  &#xe842;
- 
  handle
  &#xe843;
- 
  hand
  &#xe844;
- 
  stop-selling
  &#xe845;
- 
  qt-price
  &#xe846;
- 
  sales-approval
  &#xe847;
- 
  other-open
  &#xe848;
- 
  other-close
  &#xe849;
- 
  off-the-shelf
  &#xe84a;
- 
  counter-close
  &#xe84b;
- 
  loan
  &#xe84c;
- 
  m
  &#xe84d;
- 
  risk
  &#xe835;
- 
  speed
  &#xe836;
- 
  credit-risk
  &#xe837;
- 
  risk2
  &#xe838;
- 
  risk-examine
  &#xe839;
- 
  monitor1
  &#xe83a;
- 
  risk1
  &#xe83b;
- 
  risk-monitoring
  &#xe83c;
- 
  operational-risk
  &#xe83d;
- 
  adaptive-stretching
  &#xe7e1;
- 
  align-bottom
  &#xe7e2;
- 
  adaptive-stretching-horizontal
  &#xe7e3;
- 
  align-left
  &#xe7e4;
- 
  align-horizontally
  &#xe7e5;
- 
  align-text-left
  &#xe7e6;
- 
  align-text-right
  &#xe7e7;
- 
  align-right
  &#xe7e8;
- 
  align-text-center
  &#xe7e9;
- 
  alin-verticlly
  &#xe7ea;
- 
  alphabetic-order
  &#xe7eb;
- 
  auto-height
  &#xe7ec;
- 
  border-bottom
  &#xe7ed;
- 
  border-horizontal
  &#xe7ee;
- 
  auto-width
  &#xe7ef;
- 
  border-outer
  &#xe7f0;
- 
  border-inner
  &#xe7f1;
- 
  border-verticle
  &#xe7f2;
- 
  border-radius
  &#xe7f3;
- 
  background-color
  &#xe7f4;
- 
  alphabetic-inverted-order
  &#xe7f5;
- 
  border-top
  &#xe7f6;
- 
  broken-line
  &#xe7f7;
- 
  distribute-vertically
  &#xe7f8;
- 
  border-right
  &#xe7f9;
- 
  border-left
  &#xe7fa;
- 
  circle
  &#xe7fb;
- 
  align-top
  &#xe7fc;
- 
  bring-to-front
  &#xe7fd;
- 
  flex-baseline
  &#xe7fe;
- 
  distribute-horizontally
  &#xe7ff;
- 
  flex-baseline-horizontal
  &#xe800;
- 
  dividing-line
  &#xe801;
- 
  h1
  &#xe802;
- 
  dot-line
  &#xe803;
- 
  layers
  &#xe804;
- 
  intersection
  &#xe805;
- 
  layout1
  &#xe806;
- 
  layout2
  &#xe807;
- 
  highlight
  &#xe808;
- 
  list1
  &#xe809;
- 
  layout4
  &#xe80a;
- 
  layout
  &#xe80b;
- 
  list2
  &#xe80c;
- 
  layout5
  &#xe80d;
- 
  layout6
  &#xe80e;
- 
  formula
  &#xe80f;
- 
  margin-verticlly
  &#xe810;
- 
  list3
  &#xe811;
- 
  pic-center
  &#xe812;
- 
  move-right
  &#xe813;
- 
  move-left
  &#xe814;
- 
  list
  &#xe815;
- 
  no-effect
  &#xe816;
- 
  move-around
  &#xe817;
- 
  radius-upleft
  &#xe818;
- 
  pic-left
  &#xe819;
- 
  rectangle1
  &#xe81a;
- 
  strikethrough
  &#xe81b;
- 
  radius-bottomleft
  &#xe81c;
- 
  merge
  &#xe81d;
- 
  table-editing
  &#xe81e;
- 
  layout3
  &#xe81f;
- 
  pic-right
  &#xe820;
- 
  square
  &#xe821;
- 
  radius-bottomright
  &#xe822;
- 
  table-search
  &#xe823;
- 
  sent-to-back
  &#xe824;
- 
  move
  &#xe825;
- 
  text-style
  &#xe826;
- 
  text-italic
  &#xe827;
- 
  text-bold
  &#xe828;
- 
  text-underline
  &#xe829;
- 
  view-list
  &#xe82a;
- 
  table
  &#xe82b;
- 
  text-size
  &#xe82c;
- 
  text-italic1
  &#xe82d;
- 
  quote
  &#xe82e;
- 
  margin-horizontally
  &#xe82f;
- 
  ordered-list
  &#xe830;
- 
  text
  &#xe831;
- 
  text-style1
  &#xe832;
- 
  radius-upright
  &#xe833;
- 
  table1
  &#xe834;
- 
  application3
  &#xe7d0;
- 
  branch1
  &#xe7d1;
- 
  batch-input
  &#xe7d2;
- 
  automatic-deployment
  &#xe7d3;
- 
  branch3
  &#xe7d4;
- 
  3d
  &#xe7d5;
- 
  add-item
  &#xe7d6;
- 
  batch-failure
  &#xe7d7;
- 
  add-menu
  &#xe7d8;
- 
  branch
  &#xe7d9;
- 
  branch4
  &#xe7da;
- 
  add-subset
  &#xe7db;
- 
  api
  &#xe7dc;
- 
  2d
  &#xe7dd;
- 
  batch-search
  &#xe7de;
- 
  application
  &#xe7df;
- 
  abnormal
  &#xe7e0;
- 
  cloud-cync
  &#xe7be;
- 
  branch-check
  &#xe7bf;
- 
  component-initem
  &#xe7c0;
- 
  button
  &#xe7c1;
- 
  data-source
  &#xe7c2;
- 
  device-connected
  &#xe7c3;
- 
  branch2
  &#xe7c4;
- 
  branch5
  &#xe7c5;
- 
  component-progress
  &#xe7c6;
- 
  component-slider
  &#xe7c7;
- 
  cloud-upload
  &#xe7c8;
- 
  cloud-backtesting
  &#xe7c9;
- 
  application1
  &#xe7ca;
- 
  code
  &#xe7cb;
- 
  cloud-downlad
  &#xe7cc;
- 
  auto-complete
  &#xe7cd;
- 
  component-select
  &#xe7ce;
- 
  component-collapse
  &#xe7cf;
- 
  component-steps
  &#xe7ac;
- 
  components
  &#xe7ad;
- 
  demand-management
  &#xe7ae;
- 
  function
  &#xe7af;
- 
  item-modify
  &#xe7b0;
- 
  cloud-server
  &#xe7b1;
- 
  database-import
  &#xe7b2;
- 
  data-dictionary
  &#xe7b3;
- 
  data-server
  &#xe7b4;
- 
  earth
  &#xe7b5;
- 
  edition
  &#xe7b6;
- 
  grid
  &#xe7b7;
- 
  component-dropdown
  &#xe7b8;
- 
  device-not-connected
  &#xe7b9;
- 
  CPU
  &#xe7ba;
- 
  contanier
  &#xe7bb;
- 
  cloud-server备份
  &#xe7bc;
- 
  component-switch
  &#xe7bd;
- 
  configuration-process
  &#xe7a3;
- 
  display-inline-block
  &#xe7a4;
- 
  component-board
  &#xe7a5;
- 
  process-list
  &#xe7a6;
- 
  subset
  &#xe7a7;
- 
  container
  &#xe7a8;
- 
  historical-edition
  &#xe7a9;
- 
  collect
  &#xe7aa;
- 
  iframe-container
  &#xe7ab;
- 
  process-management
  &#xe79b;
- 
  server
  &#xe79c;
- 
  display-inline
  &#xe79d;
- 
  usb
  &#xe79e;
- 
  warehousing
  &#xe79f;
- 
  sync
  &#xe7a0;
- 
  data-grooming
  &#xe7a1;
- 
  display-block
  &#xe7a2;
- 
  input
  &#xe788;
- 
  versions-publish
  &#xe789;
- 
  resource
  &#xe78a;
- 
  display-flex
  &#xe78b;
- 
  router
  &#xe78c;
- 
  tag
  &#xe78d;
- 
  to-do-list
  &#xe78e;
- 
  div-tag
  &#xe78f;
- 
  process-list-1
  &#xe790;
- 
  module
  &#xe791;
- 
  drawing-board
  &#xe792;
- 
  international
  &#xe793;
- 
  ipc-push
  &#xe794;
- 
  test
  &#xe795;
- 
  versions-publish-1
  &#xe796;
- 
  item
  &#xe797;
- 
  tab-single
  &#xe798;
- 
  output-code
  &#xe799;
- 
  database
  &#xe79a;
- 
  tree-node
  &#xe77b;
- 
  records
  &#xe77c;
- 
  tree-list
  &#xe77d;
- 
  item-branch
  &#xe77e;
- 
  system-data
  &#xe77f;
- 
  workbench
  &#xe780;
- 
  tab
  &#xe781;
- 
  fault-management
  &#xe782;
- 
  partial-channel-opening
  &#xe783;
- 
  ws-push
  &#xe784;
- 
  research-process
  &#xe785;
- 
  transfer
  &#xe786;
- 
  terminal
  &#xe787;
- 
  doc-add
  &#xe75b;
- 
  contract- fail
  &#xe75c;
- 
  doc-search
  &#xe75d;
- 
  doc-edit
  &#xe75e;
- 
  file-excel
  &#xe75f;
- 
  file-add
  &#xe760;
- 
  file-gif
  &#xe761;
- 
  file
  &#xe762;
- 
  document
  &#xe763;
- 
  contract- success
  &#xe764;
- 
  file-csv
  &#xe765;
- 
  export
  &#xe766;
- 
  file-pdf
  &#xe767;
- 
  image-files
  &#xe768;
- 
  file-ppt
  &#xe769;
- 
  Invoice
  &#xe76a;
- 
  doc-sync
  &#xe76b;
- 
  file-jpg
  &#xe76c;
- 
  file1
  &#xe76d;
- 
  list-add
  &#xe76e;
- 
  folder-open
  &#xe76f;
- 
  file-zip
  &#xe770;
- 
  file-png
  &#xe771;
- 
  file-txt
  &#xe772;
- 
  folder
  &#xe773;
- 
  preview
  &#xe774;
- 
  folder-add
  &#xe775;
- 
  transaction-order
  &#xe776;
- 
  additional-record
  &#xe777;
- 
  file-word
  &#xe778;
- 
  import
  &#xe779;
- 
  template
  &#xe77a;
- 
  date-time
  &#xe758;
- 
  time
  &#xe759;
- 
  24-hour
  &#xe75a;
- 
  alam-clock
  &#xe74f;
- 
  stopwatch
  &#xe750;
- 
  calendar
  &#xe751;
- 
  calendar-monthly
  &#xe752;
- 
  calendar-range
  &#xe753;
- 
  schedule
  &#xe754;
- 
  history
  &#xe755;
- 
  calendar-weekly
  &#xe756;
- 
  calendar-view
  &#xe757;
- 
  user-info
  &#xe742;
- 
  user1
  &#xe743;
- 
  user-portrait
  &#xe744;
- 
  bank-card
  &#xe745;
- 
  account-cancel
  &#xe746;
- 
  id-card
  &#xe747;
- 
  user
  &#xe748;
- 
  group
  &#xe749;
- 
  user-info1
  &#xe74a;
- 
  request-object
  &#xe74b;
- 
  address-book
  &#xe74c;
- 
  add-user
  &#xe74d;
- 
  acccount-add
  &#xe74e;
- 
  user-management
  &#xe740;
- 
  user-error
  &#xe741;
- 
  fog
  &#xe72f;
- 
  go-out
  &#xe730;
- 
  borrow
  &#xe731;
- 
  book1
  &#xe732;
- 
  happy
  &#xe733;
- 
  course
  &#xe734;
- 
  cloud
  &#xe735;
- 
  heart
  &#xe736;
- 
  gift
  &#xe737;
- 
  compass
  &#xe738;
- 
  bad
  &#xe739;
- 
  ai-interpret
  &#xe73a;
- 
  building
  &#xe73b;
- 
  aim
  &#xe73c;
- 
  briefcase
  &#xe73d;
- 
  cloudy
  &#xe73e;
- 
  book
  &#xe73f;
- 
  moon
  &#xe721;
- 
  school
  &#xe722;
- 
  business-trip
  &#xe723;
- 
  Review-completed
  &#xe724;
- 
  successful-approval
  &#xe725;
- 
  guide-board
  &#xe726;
- 
  notebook
  &#xe727;
- 
  light-rain
  &#xe728;
- 
  experiment
  &#xe729;
- 
  local
  &#xe72a;
- 
  fire
  &#xe72b;
- 
  financial-approval
  &#xe72c;
- 
  fingerprint
  &#xe72d;
- 
  degree-hat
  &#xe72e;
- 
  smart-brain
  &#xe70f;
- 
  trophy
  &#xe710;
- 
  rocket
  &#xe711;
- 
  performance-evaluation
  &#xe712;
- 
  heavy-rain
  &#xe713;
- 
  neural-network
  &#xe714;
- 
  wifi
  &#xe715;
- 
  lighting
  &#xe716;
- 
  good
  &#xe717;
- 
  umbrella
  &#xe718;
- 
  wallet
  &#xe719;
- 
  wind
  &#xe71a;
- 
  approval-process
  &#xe71b;
- 
  dimission-management
  &#xe71c;
- 
  signal
  &#xe71d;
- 
  sun
  &#xe71e;
- 
  contract-flow
  &#xe71f;
- 
  local1
  &#xe720;
- 
  unhappy
  &#xe704;
- 
  star
  &#xe705;
- 
  lighting1
  &#xe706;
- 
  personnel-approval
  &#xe707;
- 
  work-application
  &#xe708;
- 
  hourglass-empty
  &#xe709;
- 
  hourglass-full
  &#xe70a;
- 
  shop
  &#xe70b;
- 
  meeting-reservation
  &#xe70c;
- 
  receive
  &#xe70d;
- 
  contract-statement
  &#xe70e;
- 
  drag
  &#xe6f5;
- 
  clear
  &#xe6f6;
- 
  delete1
  &#xe6f7;
- 
  email-open
  &#xe6f8;
- 
  edit1
  &#xe6f9;
- 
  link
  &#xe6fa;
- 
  add
  &#xe6fb;
- 
  cut
  &#xe6fc;
- 
  announcement
  &#xe6fd;
- 
  edit
  &#xe6fe;
- 
  announcement1
  &#xe6ff;
- 
  clear1
  &#xe700;
- 
  copy
  &#xe701;
- 
  @
  &#xe702;
- 
  add1
  &#xe703;
- 
  equal
  &#xe6df;
- 
  pointer
  &#xe6e0;
- 
  email
  &#xe6e1;
- 
  cutting
  &#xe6e2;
- 
  link1
  &#xe6e3;
- 
  sort-amount-up
  &#xe6e4;
- 
  save
  &#xe6e5;
- 
  send
  &#xe6e6;
- 
  news
  &#xe6e7;
- 
  pushpin
  &#xe6e8;
- 
  must-fill-in
  &#xe6e9;
- 
  reduce
  &#xe6ea;
- 
  plus
  &#xe6eb;
- 
  delete
  &#xe6ec;
- 
  share
  &#xe6ed;
- 
  link2
  &#xe6ee;
- 
  find
  &#xe6ef;
- 
  scan
  &#xe6f0;
- 
  reduce1
  &#xe6f1;
- 
  inbox
  &#xe6f2;
- 
  minus
  &#xe6f3;
- 
  filter
  &#xe6f4;
- 
  afferent
  &#xe6d2;
- 
  arrow-up
  &#xe6d3;
- 
  arrow-right
  &#xe6d4;
- 
  arrow-down
  &#xe6d5;
- 
  unlink
  &#xe6d6;
- 
  search1
  &#xe6d7;
- 
  save1
  &#xe6d8;
- 
  printer
  &#xe6d9;
- 
  platte
  &#xe6da;
- 
  mark
  &#xe6db;
- 
  link-interrupt
  &#xe6dc;
- 
  sort-amount-down
  &#xe6dd;
- 
  search
  &#xe6de;
- 
  down-circle
  &#xe6c0;
- 
  expand
  &#xe6c1;
- 
  export-all
  &#xe6c2;
- 
  go-on
  &#xe6c3;
- 
  double-up
  &#xe6c4;
- 
  back
  &#xe6c5;
- 
  down
  &#xe6c6;
- 
  collapse
  &#xe6c7;
- 
  movable
  &#xe6c8;
- 
  double_right
  &#xe6c9;
- 
  direction-arrow-fall
  &#xe6ca;
- 
  efferent
  &#xe6cb;
- 
  connection-arrow
  &#xe6cc;
- 
  direction-arrow-rise
  &#xe6cd;
- 
  double-left
  &#xe6ce;
- 
  enter
  &#xe6cf;
- 
  double-down
  &#xe6d0;
- 
  arrow-left
  &#xe6d1;
- 
  download
  &#xe6b3;
- 
  logout
  &#xe6b4;
- 
  login
  &#xe6b5;
- 
  sliding-vertical
  &#xe6b6;
- 
  trending-down
  &#xe6b7;
- 
  go-back
  &#xe6b8;
- 
  sliding-horizontal
  &#xe6b9;
- 
  to-bottom
  &#xe6ba;
- 
  down1
  &#xe6bb;
- 
  left-circle
  &#xe6bc;
- 
  full-screen
  &#xe6bd;
- 
  click-to-fold
  &#xe6be;
- 
  left
  &#xe6bf;
- 
  switch1
  &#xe6a3;
- 
  line-height
  &#xe6a4;
- 
  switch-left
  &#xe6a5;
- 
  reject
  &#xe6a6;
- 
  shuffle
  &#xe6a7;
- 
  undo
  &#xe6a8;
- 
  to-left
  &#xe6a9;
- 
  sort1
  &#xe6aa;
- 
  upload
  &#xe6ab;
- 
  to-top
  &#xe6ac;
- 
  switch-right
  &#xe6ad;
- 
  off-screen
  &#xe6ae;
- 
  right1
  &#xe6af;
- 
  left1
  &#xe6b0;
- 
  right-circle
  &#xe6b1;
- 
  to-right
  &#xe6b2;
- 
  sort
  &#xe6a0;
- 
  transfer-data
  &#xe6a1;
- 
  up
  &#xe6a2;
- 
  un-top
  &#xe699;
- 
  up-circle
  &#xe69a;
- 
  right
  &#xe69b;
- 
  trending-up
  &#xe69c;
- 
  next
  &#xe69d;
- 
  up1
  &#xe69e;
- 
  switch
  &#xe69f;
- 
  device
  &#xe695;
- 
  config
  &#xe696;
- 
  check-box
  &#xe697;
- 
  check
  &#xe698;
- 
  maximize
  &#xe67f;
- 
  custmoer
  &#xe664;
- 
  permission
  &#xe680;
- 
  tag
  &#xe681;
- 
  refresh
  &#xe682;
- 
  preview-close
  &#xe683;
- 
  tag1
  &#xe684;
- 
  loading
  &#xe685;
- 
  logout1
  &#xe686;
- 
  refresh1
  &#xe687;
- 
  check-box-1
  &#xe688;
- 
  minimize
  &#xe689;
- 
  close1
  &#xe68a;
- 
  key
  &#xe68b;
- 
  laptop
  &#xe68c;
- 
  close
  &#xe68d;
- 
  config1
  &#xe68e;
- 
  menu-fold
  &#xe68f;
- 
  message
  &#xe690;
- 
  mobile
  &#xe691;
- 
  lock
  &#xe692;
- 
  all-close
  &#xe693;
- 
  home
  &#xe694;
- 
  tool
  &#xe669;
- 
  more1
  &#xe667;
- 
  home1
  &#xe665;
- 
  point-out
  &#xe66a;
- 
  message2
  &#xe666;
- 
  skin
  &#xe66b;
- 
  computer
  &#xe66c;
- 
  preview-close1
  &#xe66d;
- 
  zoom-in
  &#xe66e;
- 
  setting1
  &#xe66f;
- 
  more
  &#xe670;
- 
  menu
  &#xe671;
- 
  setting
  &#xe672;
- 
  tablet
  &#xe673;
- 
  power
  &#xe674;
- 
  reset-password
  &#xe675;
- 
  zoom-out
  &#xe676;
- 
  menu-unfold
  &#xe677;
- 
  loading1
  &#xe678;
- 
  multi-window
  &#xe679;
- 
  remind
  &#xe67a;
- 
  tag2
  &#xe67b;
- 
  more2
  &#xe67c;
- 
  message1
  &#xe67d;
- 
  unlock
  &#xe67e;
- 
  preview-open
  &#xe668;

## Unicode 引用

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

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

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

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.woff2?t=1773305985854') format('woff2'),
           url('iconfont.woff?t=1773305985854') format('woff'),
           url('iconfont.ttf?t=1773305985854') 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"。

- group-expand
  .icon-group-expand
- group-collapse
  .icon-group-collapse
- Zoom to 100%
  .icon-a-Zoomto100
- 存款业务
  .icon-cunkuanyewu
- 国际业务
  .icon-guojiyewu
- 贷款业务-1
  .icon-daikuanyewu-1
- 首页-1
  .icon-shouye-1
- 客户注册-1
  .icon-kehuzhuce-1
- 会计核算
  .icon-huijihesuan
- 投资业务
  .icon-touziyewu
- 会计核算-1
  .icon-huijihesuan-1
- 结算业务-1
  .icon-jiesuanyewu-1
- 票据业务-1
  .icon-piaojuyewu-1
- 集团业务-1
  .icon-jituanyewu-1
- 存款业务-1
  .icon-cunkuanyewu-1
- 国际业务-1
  .icon-guojiyewu-1
- 核心服务-1
  .icon-hexinfuwu-1
- 资金池
  .icon-zijinchi
- 同业业务
  .icon-tongyeyewu
- 客户信息
  .icon-kehuxinxi
- 金融网关
  .icon-jinrongwangguan
- 配置中心-1
  .icon-peizhizhongxin-1
- 金融网关-1
  .icon-jinrongwangguan-1
- 集团业务
  .icon-jituanyewu
- 资金池-1
  .icon-zijinchi-1
- 同业授信-1
  .icon-tongyeshouxin-1
- 首页
  .icon-shouye
- 集票宝-1
  .icon-jipiaobao-1
- 金融资产-1
  .icon-jinrongzichan-1
- 同业授信
  .icon-tongyeshouxin
- 票据业务
  .icon-piaojuyewu
- 结算业务
  .icon-jiesuanyewu
- 客户注册
  .icon-kehuzhuce
- 集票宝
  .icon-jipiaobao
- 配置中心
  .icon-peizhizhongxin
- 核心服务
  .icon-hexinfuwu
- 客户信息-1
  .icon-kehuxinxi-1
- 金融资产
  .icon-jinrongzichan
- 贷款业务
  .icon-daikuanyewu
- 同业业务-1
  .icon-tongyeyewu-1
- 投资业务-1
  .icon-touziyewu-1
- application-fill
  .icon-application-fill
- application1-fill
  .icon-application1-fill
- fail-fill
  .icon-fail-fill
- circle-fill
  .icon-circle-fill
- building-fill
  .icon-building-fill
- dashboard-fill
  .icon-dashboard-fill
- arrow-down-fill
  .icon-arrow-down-fill
- arrow-up-fill
  .icon-arrow-up-fill
- audit-fill
  .icon-audit-fill
- bond-quota-fill
  .icon-bond-quota-fill
- api-fill
  .icon-api-fill
- add-fill
  .icon-add-fill
- bank-card-fill
  .icon-bank-card-fill
- add1-fill
  .icon-add1-fill
- arrow-left-fill
  .icon-arrow-left-fill
- alarm-fill
  .icon-alarm-fill
- home1-fill
  .icon-home1-fill
- check-box1
  .icon-check-box1
- delete-fill
  .icon-delete-fill
- calendar-weekly-fill
  .icon-calendar-weekly-fill
- dollar-fill
  .icon-dollar-fill
- layers-fill
  .icon-layers-fill
- attention-fill
  .icon-attention-fill
- fund-fill
  .icon-fund-fill
- chart-pie-fill
  .icon-chart-pie-fill
- earth-fill
  .icon-earth-fill
- bank-fill
  .icon-bank-fill
- components-fill
  .icon-components-fill
- arrow-right-fill
  .icon-arrow-right-fill
- document-fill
  .icon-document-fill
- edit-fill
  .icon-edit-fill
- function-fill
  .icon-function-fill
- more2-fill
  .icon-more2-fill
- next-fill
  .icon-next-fill
- pointer-fill
  .icon-pointer-fill
- lightning1-fill
  .icon-lightning1-fill
- preview-open-fill
  .icon-preview-open-fill
- folder-fill
  .icon-folder-fill
- maximize-fill
  .icon-maximize-fill
- branch-fill
  .icon-branch-fill
- doc-search-fill
  .icon-doc-search-fill
- remind-fill
  .icon-remind-fill
- computer-fill
  .icon-computer-fill
- delete1-fill
  .icon-delete1-fill
- back0-fill
  .icon-back0-fill
- success-fill
  .icon-success-fill
- parameter-fill
  .icon-parameter-fill
- time-fill
  .icon-time-fill
- reduce-fill
  .icon-reduce-fill
- item-fill
  .icon-item-fill
- home-fill
  .icon-home-fill
- risk2-fill
  .icon-risk2-fill
- skin-fill
  .icon-skin-fill
- list3-fill
  .icon-list3-fill
- Cross-border funds-fill
  .icon-a-Cross-borderfunds-fill
- forbid-fill
  .icon-forbid-fill
- heart-fill
  .icon-heart-fill
- Illegal access-fill
  .icon-a-Illegalaccess-fill
- to-do-list-fill
  .icon-to-do-list-fill
- to-do-list1-fill
  .icon-to-do-list1-fill
- setting1-fill
  .icon-setting1-fill
- mark-fill
  .icon-mark-fill
- view-list-fill
  .icon-view-list-fill
- volume-fill-1
  .icon-volume-fill-1
- rmb-fill
  .icon-rmb-fill
- help-fill
  .icon-help-fill
- message2-fill
  .icon-message2-fill
- reduce1-fill
  .icon-reduce1-fill
- user-management-fill
  .icon-user-management-fill
- info-fill
  .icon-info-fill
- message-fill
  .icon-message-fill
- tag-fill
  .icon-tag-fill
- picture-fill
  .icon-picture-fill
- trend1-fill
  .icon-trend1-fill
- terminal-fill
  .icon-terminal-fill
- star-fill
  .icon-star-fill
- setting-fill
  .icon-setting-fill
- user1-fill
  .icon-user1-fill
- term-exposure-fill
  .icon-term-exposure-fill
- monitor-fill
  .icon-monitor-fill
- user-portrait-fill
  .icon-user-portrait-fill
- volume-fill
  .icon-volume-fill
- workbench-fill
  .icon-workbench-fill
- sort-fill
  .icon-sort-fill
- forbid
  .icon-forbid
- info
  .icon-info
- attention
  .icon-attention
- help
  .icon-help
- alarm
  .icon-alarm
- caution
  .icon-caution
- video1
  .icon-video1
- play1
  .icon-play1
- play
  .icon-play
- carousel
  .icon-carousel
- camera
  .icon-camera
- carousel-single
  .icon-carousel-single
- music
  .icon-music
- pause
  .icon-pause
- success
  .icon-success
- tips1
  .icon-tips1
- tips
  .icon-tips
- fail
  .icon-fail
- alarm1
  .icon-alarm1
- chart-histogram2
  .icon-chart-histogram2
- chart-histogram
  .icon-chart-histogram
- chart-area
  .icon-chart-area
- average
  .icon-average
- phone
  .icon-phone
- volume
  .icon-volume
- voice
  .icon-voice
- volume-up
  .icon-volume-up
- picture
  .icon-picture
- volume-mute
  .icon-volume-mute
- volume-down
  .icon-volume-down
- video
  .icon-video
- chart-pie
  .icon-chart-pie
- chart-scatter
  .icon-chart-scatter
- chart-line-multi
  .icon-chart-line-multi
- positive
  .icon-positive
- histogram
  .icon-histogram
- ranking
  .icon-ranking
- heat-map
  .icon-heat-map
- chart-stock
  .icon-chart-stock
- chart-ring
  .icon-chart-ring
- chart-combo
  .icon-chart-combo
- chart-stacked-bar
  .icon-chart-stacked-bar
- chart-radar
  .icon-chart-radar
- chart-line
  .icon-chart-line
- chart-histogram1
  .icon-chart-histogram1
- chart-data
  .icon-chart-data
- k-vertical3
  .icon-k-vertical3
- k-diagonal4
  .icon-k-diagonal4
- k-horizontal1
  .icon-k-horizontal1
- fibonacci
  .icon-fibonacci
- k-horizontal
  .icon-k-horizontal
- k-diagonal5
  .icon-k-diagonal5
- k-diagonal2
  .icon-k-diagonal2
- chart-stock1
  .icon-chart-stock1
- minimum
  .icon-minimum
- maximum
  .icon-maximum
- negative
  .icon-negative
- pivot-table
  .icon-pivot-table
- chart-line-area
  .icon-chart-line-area
- index
  .icon-index
- dollar
  .icon-dollar
- information1
  .icon-information1
- account
  .icon-account
- information
  .icon-information
- bank
  .icon-bank
- k-diagonal
  .icon-k-diagonal
- k-horizontal123
  .icon-k-horizontal123
- k-diagonal3
  .icon-k-diagonal3
- k-diagonal1
  .icon-k-diagonal1
- k-vertical1
  .icon-k-vertical1
- fx
  .icon-fx
- k-vertical2
  .icon-k-vertical2
- k-horizontal2
  .icon-k-horizontal2
- k-vertical
  .icon-k-vertical
- fixed-assets
  .icon-fixed-assets
- sales-approval
  .icon-sales-approval1
- product
  .icon-product
- loans
  .icon-loans
- bank-add
  .icon-bank-add
- research
  .icon-research
- coin
  .icon-coin
- information2
  .icon-information2
- trend
  .icon-trend
- trend1
  .icon-trend1
- money-collect
  .icon-money-collect
- date
  .icon-date
- euro-1
  .icon-euro-1
- money-pay
  .icon-money-pay
- euro
  .icon-euro
- swap
  .icon-swap
- far
  .icon-far
- precious-metal-1
  .icon-precious-metal-1
- near
  .icon-near
- fund
  .icon-fund
- futures
  .icon-futures
- spot
  .icon-spot
- exchange
  .icon-exchange
- forward
  .icon-forward
- bond
  .icon-bond
- precious-metal
  .icon-precious-metal
- foreign-currency
  .icon-foreign-currency
- foreign-exchange
  .icon-foreign-exchange
- commodities
  .icon-commodities
- money
  .icon-money
- expire-exercise
  .icon-expire-exercise
- fast-trade
  .icon-fast-trade
- extension
  .icon-extension
- delivery
  .icon-delivery
- delivery-application
  .icon-delivery-application
- calculation
  .icon-calculation
- ccalculator
  .icon-ccalculator
- backtrack
  .icon-backtrack
- abandon
  .icon-abandon
- closing-position1
  .icon-closing-position1
- business
  .icon-business
- advance
  .icon-advance
- audit
  .icon-audit
- option
  .icon-option
- commodities1
  .icon-commodities1
- spot-goods
  .icon-spot-goods
- payment-review
  .icon-payment-review
- trade
  .icon-trade
- fixing
  .icon-fixing
- knock-in-out
  .icon-knock-in-out
- listing1
  .icon-listing1
- early-delivery
  .icon-early-delivery
- forward-option
  .icon-forward-option
- pay
  .icon-pay
- early-exercise
  .icon-early-exercise
- exercise
  .icon-exercise
- closing-position
  .icon-closing-position
- listing
  .icon-listing
- Interest-collection
  .icon-Interest-collection
- fixed-to-selection
  .icon-fixed-to-selection
- inquiry
  .icon-inquiry
- due
  .icon-due
- price-distribution
  .icon-price-distribution
- group-add
  .icon-group-add
- multiple-lock-prices
  .icon-multiple-lock-prices
- unlocking
  .icon-unlocking
- withdraw
  .icon-withdraw
- overdue
  .icon-overdue
- differential-delivery
  .icon-differential-delivery
- strategy-comparison
  .icon-strategy-comparison
- quota release
  .icon-a-quotarelease
- position
  .icon-position
- strategy-optimization
  .icon-strategy-optimization
- shopping-cart
  .icon-shopping-cart
- qrcode
  .icon-qrcode
- fixed-investment
  .icon-fixed-investment
- operation
  .icon-operation
- shopping-bag
  .icon-shopping-bag
- order-inquiry
  .icon-order-inquiry
- channel-control
  .icon-channel-control
- biding
  .icon-biding
- future-managed
  .icon-future-managed
- bond-quotaanagement
  .icon-bond-quotaanagement
- cost-control
  .icon-cost-control
- stop-loss
  .icon-stop-loss
- lock-price
  .icon-lock-price
- listing2
  .icon-listing2
- no-trade
  .icon-no-trade
- stop-profit
  .icon-stop-profit
- reversal
  .icon-reversal
- option-exercise
  .icon-option-exercise
- selective-delivery
  .icon-selective-delivery
- listing-succeed
  .icon-listing-succeed
- trial
  .icon-trial
- counter- open
  .icon-a-counter-open
- l
  .icon-l
- client-open
  .icon-client-open
- tranding-setting
  .icon-tranding-setting
- spot-exposure
  .icon-spot-exposure
- financial-statements
  .icon-financial-statements
- position-managed
  .icon-position-managed
- system-solution
  .icon-system-solution
- term-exposure
  .icon-term-exposure
- information-query
  .icon-information-query
- cost-management
  .icon-cost-management
- order-management
  .icon-order-management
- client-close
  .icon-client-close
- h
  .icon-h
- market-risk
  .icon-market-risk
- monitor
  .icon-monitor
- dashboard
  .icon-dashboard
- list
  .icon-list4
- prefecture-amount
  .icon-prefecture-amount
- handle
  .icon-handle
- hand
  .icon-hand
- stop-selling
  .icon-stop-selling
- qt-price
  .icon-qt-price
- sales-approval
  .icon-sales-approval
- other-open
  .icon-other-open
- other-close
  .icon-other-close
- off-the-shelf
  .icon-off-the-shelf
- counter-close
  .icon-counter-close
- loan
  .icon-loan
- m
  .icon-m
- risk
  .icon-risk
- speed
  .icon-speed
- credit-risk
  .icon-credit-risk
- risk2
  .icon-risk2
- risk-examine
  .icon-risk-examine
- monitor1
  .icon-monitor1
- risk1
  .icon-risk1
- risk-monitoring
  .icon-risk-monitoring
- operational-risk
  .icon-operational-risk
- adaptive-stretching
  .icon-adaptive-stretching
- align-bottom
  .icon-align-bottom
- adaptive-stretching-horizontal
  .icon-adaptive-stretching-horizontal
- align-left
  .icon-align-left
- align-horizontally
  .icon-align-horizontally
- align-text-left
  .icon-align-text-left
- align-text-right
  .icon-align-text-right
- align-right
  .icon-align-right
- align-text-center
  .icon-align-text-center
- alin-verticlly
  .icon-alin-verticlly
- alphabetic-order
  .icon-alphabetic-order
- auto-height
  .icon-auto-height
- border-bottom
  .icon-border-bottom
- border-horizontal
  .icon-border-horizontal
- auto-width
  .icon-auto-width
- border-outer
  .icon-border-outer
- border-inner
  .icon-border-inner
- border-verticle
  .icon-border-verticle
- border-radius
  .icon-border-radius
- background-color
  .icon-background-color
- alphabetic-inverted-order
  .icon-alphabetic-inverted-order
- border-top
  .icon-border-top
- broken-line
  .icon-broken-line
- distribute-vertically
  .icon-distribute-vertically
- border-right
  .icon-border-right
- border-left
  .icon-border-left
- circle
  .icon-circle
- align-top
  .icon-align-top
- bring-to-front
  .icon-bring-to-front
- flex-baseline
  .icon-flex-baseline
- distribute-horizontally
  .icon-distribute-horizontally
- flex-baseline-horizontal
  .icon-flex-baseline-horizontal
- dividing-line
  .icon-dividing-line
- h1
  .icon-h1
- dot-line
  .icon-dot-line
- layers
  .icon-layers
- intersection
  .icon-intersection
- layout1
  .icon-layout1
- layout2
  .icon-layout2
- highlight
  .icon-highlight
- list1
  .icon-list1
- layout4
  .icon-layout4
- layout
  .icon-layout
- list2
  .icon-list2
- layout5
  .icon-layout5
- layout6
  .icon-layout6
- formula
  .icon-formula
- margin-verticlly
  .icon-margin-verticlly
- list3
  .icon-list3
- pic-center
  .icon-pic-center
- move-right
  .icon-move-right
- move-left
  .icon-move-left
- list
  .icon-list
- no-effect
  .icon-no-effect
- move-around
  .icon-move-around
- radius-upleft
  .icon-radius-upleft
- pic-left
  .icon-pic-left
- rectangle1
  .icon-rectangle1
- strikethrough
  .icon-strikethrough
- radius-bottomleft
  .icon-radius-bottomleft
- merge
  .icon-merge
- table-editing
  .icon-table-editing
- layout3
  .icon-layout3
- pic-right
  .icon-pic-right
- square
  .icon-square
- radius-bottomright
  .icon-radius-bottomright
- table-search
  .icon-table-search
- sent-to-back
  .icon-sent-to-back
- move
  .icon-move
- text-style
  .icon-text-style
- text-italic
  .icon-text-italic
- text-bold
  .icon-text-bold
- text-underline
  .icon-text-underline
- view-list
  .icon-view-list
- table
  .icon-table
- text-size
  .icon-text-size
- text-italic1
  .icon-text-italic1
- quote
  .icon-quote
- margin-horizontally
  .icon-margin-horizontally
- ordered-list
  .icon-ordered-list
- text
  .icon-text
- text-style1
  .icon-text-style1
- radius-upright
  .icon-radius-upright
- table1
  .icon-table1
- application3
  .icon-application3
- branch1
  .icon-branch1
- batch-input
  .icon-batch-input
- automatic-deployment
  .icon-automatic-deployment
- branch3
  .icon-branch3
- 3d
  .icon-a-3d
- add-item
  .icon-add-item
- batch-failure
  .icon-batch-failure
- add-menu
  .icon-add-menu
- branch
  .icon-branch
- branch4
  .icon-branch4
- add-subset
  .icon-add-subset
- api
  .icon-api
- 2d
  .icon-a-2d
- batch-search
  .icon-batch-search
- application
  .icon-application
- abnormal
  .icon-abnormal
- cloud-cync
  .icon-cloud-cync
- branch-check
  .icon-branch-check
- component-initem
  .icon-component-initem
- button
  .icon-button
- data-source
  .icon-data-source
- device-connected
  .icon-device-connected
- branch2
  .icon-branch2
- branch5
  .icon-branch5
- component-progress
  .icon-component-progress
- component-slider
  .icon-component-slider
- cloud-upload
  .icon-cloud-upload
- cloud-backtesting
  .icon-cloud-backtesting
- application1
  .icon-application1
- code
  .icon-code
- cloud-downlad
  .icon-cloud-downlad
- auto-complete
  .icon-auto-complete
- component-select
  .icon-component-select
- component-collapse
  .icon-component-collapse
- component-steps
  .icon-component-steps
- components
  .icon-components
- demand-management
  .icon-demand-management
- function
  .icon-function
- item-modify
  .icon-item-modify
- cloud-server
  .icon-cloud-server
- database-import
  .icon-database-import
- data-dictionary
  .icon-data-dictionary
- data-server
  .icon-data-server
- earth
  .icon-earth
- edition
  .icon-edition
- grid
  .icon-grid
- component-dropdown
  .icon-component-dropdown
- device-not-connected
  .icon-device-not-connected
- CPU
  .icon-CPU
- contanier
  .icon-contanier
- cloud-server备份
  .icon-cloud-serverbeifen
- component-switch
  .icon-component-switch
- configuration-process
  .icon-configuration-process
- display-inline-block
  .icon-display-inline-block
- component-board
  .icon-component-board
- process-list
  .icon-process-list
- subset
  .icon-subset
- container
  .icon-container
- historical-edition
  .icon-historical-edition
- collect
  .icon-collect
- iframe-container
  .icon-iframe-container
- process-management
  .icon-process-management
- server
  .icon-server
- display-inline
  .icon-display-inline
- usb
  .icon-usb
- warehousing
  .icon-warehousing
- sync
  .icon-sync
- data-grooming
  .icon-data-grooming
- display-block
  .icon-display-block
- input
  .icon-input
- versions-publish
  .icon-versions-publish
- resource
  .icon-resource
- display-flex
  .icon-display-flex
- router
  .icon-router
- tag
  .icon-tag3
- to-do-list
  .icon-to-do-list
- div-tag
  .icon-div-tag
- process-list-1
  .icon-process-list-1
- module
  .icon-module
- drawing-board
  .icon-drawing-board
- international
  .icon-international
- ipc-push
  .icon-ipc-push
- test
  .icon-test
- versions-publish-1
  .icon-versions-publish-1
- item
  .icon-item
- tab-single
  .icon-tab-single
- output-code
  .icon-output-code
- database
  .icon-database
- tree-node
  .icon-tree-node
- records
  .icon-records
- tree-list
  .icon-tree-list
- item-branch
  .icon-item-branch
- system-data
  .icon-system-data
- workbench
  .icon-workbench
- tab
  .icon-tab
- fault-management
  .icon-fault-management
- partial-channel-opening
  .icon-partial-channel-opening
- ws-push
  .icon-ws-push
- research-process
  .icon-research-process
- transfer
  .icon-transfer
- terminal
  .icon-terminal
- doc-add
  .icon-doc-add
- contract- fail
  .icon-a-contract-fail
- doc-search
  .icon-doc-search
- doc-edit
  .icon-doc-edit
- file-excel
  .icon-file-excel
- file-add
  .icon-file-add
- file-gif
  .icon-file-gif
- file
  .icon-file
- document
  .icon-document
- contract- success
  .icon-a-contract-success
- file-csv
  .icon-file-csv
- export
  .icon-export
- file-pdf
  .icon-file-pdf
- image-files
  .icon-image-files
- file-ppt
  .icon-file-ppt
- Invoice
  .icon-Invoice
- doc-sync
  .icon-doc-sync
- file-jpg
  .icon-file-jpg
- file1
  .icon-file1
- list-add
  .icon-list-add
- folder-open
  .icon-folder-open
- file-zip
  .icon-file-zip
- file-png
  .icon-file-png
- file-txt
  .icon-file-txt
- folder
  .icon-folder
- preview
  .icon-preview
- folder-add
  .icon-folder-add
- transaction-order
  .icon-transaction-order
- additional-record
  .icon-additional-record
- file-word
  .icon-file-word
- import
  .icon-import
- template
  .icon-template
- date-time
  .icon-date-time
- time
  .icon-time
- 24-hour
  .icon-a-24-hour
- alam-clock
  .icon-alam-clock
- stopwatch
  .icon-stopwatch
- calendar
  .icon-calendar
- calendar-monthly
  .icon-calendar-monthly
- calendar-range
  .icon-calendar-range
- schedule
  .icon-schedule
- history
  .icon-history
- calendar-weekly
  .icon-calendar-weekly
- calendar-view
  .icon-calendar-view
- user-info
  .icon-user-info
- user1
  .icon-user1
- user-portrait
  .icon-user-portrait
- bank-card
  .icon-bank-card
- account-cancel
  .icon-account-cancel
- id-card
  .icon-id-card
- user
  .icon-user
- group
  .icon-group
- user-info1
  .icon-user-info1
- request-object
  .icon-request-object
- address-book
  .icon-address-book
- add-user
  .icon-add-user
- acccount-add
  .icon-acccount-add
- user-management
  .icon-user-management
- user-error
  .icon-user-error
- fog
  .icon-fog
- go-out
  .icon-go-out
- borrow
  .icon-borrow
- book1
  .icon-book1
- happy
  .icon-happy
- course
  .icon-course
- cloud
  .icon-cloud
- heart
  .icon-heart
- gift
  .icon-gift
- compass
  .icon-compass
- bad
  .icon-bad
- ai-interpret
  .icon-ai-interpret
- building
  .icon-building
- aim
  .icon-aim
- briefcase
  .icon-briefcase
- cloudy
  .icon-cloudy
- book
  .icon-book
- moon
  .icon-moon
- school
  .icon-school
- business-trip
  .icon-business-trip
- Review-completed
  .icon-Review-completed
- successful-approval
  .icon-successful-approval
- guide-board
  .icon-guide-board
- notebook
  .icon-notebook
- light-rain
  .icon-light-rain
- experiment
  .icon-experiment
- local
  .icon-local
- fire
  .icon-fire
- financial-approval
  .icon-financial-approval
- fingerprint
  .icon-fingerprint
- degree-hat
  .icon-degree-hat
- smart-brain
  .icon-smart-brain
- trophy
  .icon-trophy
- rocket
  .icon-rocket
- performance-evaluation
  .icon-performance-evaluation
- heavy-rain
  .icon-heavy-rain
- neural-network
  .icon-neural-network
- wifi
  .icon-wifi
- lighting
  .icon-lighting
- good
  .icon-good
- umbrella
  .icon-umbrella
- wallet
  .icon-wallet
- wind
  .icon-wind
- approval-process
  .icon-approval-process
- dimission-management
  .icon-dimission-management
- signal
  .icon-signal
- sun
  .icon-sun
- contract-flow
  .icon-contract-flow
- local1
  .icon-local1
- unhappy
  .icon-unhappy
- star
  .icon-star
- lighting1
  .icon-lighting1
- personnel-approval
  .icon-personnel-approval
- work-application
  .icon-work-application
- hourglass-empty
  .icon-hourglass-empty
- hourglass-full
  .icon-hourglass-full
- shop
  .icon-shop
- meeting-reservation
  .icon-meeting-reservation
- receive
  .icon-receive
- contract-statement
  .icon-contract-statement
- drag
  .icon-drag
- clear
  .icon-clear
- delete1
  .icon-delete1
- email-open
  .icon-email-open
- edit1
  .icon-edit1
- link
  .icon-link
- add
  .icon-add
- cut
  .icon-cut
- announcement
  .icon-announcement
- edit
  .icon-edit
- announcement1
  .icon-announcement1
- clear1
  .icon-clear1
- copy
  .icon-copy
- @
  .icon-a-
- add1
  .icon-add1
- equal
  .icon-equal
- pointer
  .icon-pointer
- email
  .icon-email
- cutting
  .icon-cutting
- link1
  .icon-link1
- sort-amount-up
  .icon-sort-amount-up
- save
  .icon-save
- send
  .icon-send
- news
  .icon-news
- pushpin
  .icon-pushpin
- must-fill-in
  .icon-must-fill-in
- reduce
  .icon-reduce
- plus
  .icon-plus
- delete
  .icon-delete
- share
  .icon-share
- link2
  .icon-link2
- find
  .icon-find
- scan
  .icon-scan
- reduce1
  .icon-reduce1
- inbox
  .icon-inbox
- minus
  .icon-minus
- filter
  .icon-filter
- afferent
  .icon-afferent
- arrow-up
  .icon-arrow-up
- arrow-right
  .icon-arrow-right
- arrow-down
  .icon-arrow-down
- unlink
  .icon-unlink
- search1
  .icon-search1
- save1
  .icon-save1
- printer
  .icon-printer
- platte
  .icon-platte
- mark
  .icon-mark
- link-interrupt
  .icon-link-interrupt
- sort-amount-down
  .icon-sort-amount-down
- search
  .icon-search
- down-circle
  .icon-down-circle
- expand
  .icon-expand
- export-all
  .icon-export-all
- go-on
  .icon-go-on
- double-up
  .icon-double-up
- back
  .icon-back
- down
  .icon-down
- collapse
  .icon-collapse
- movable
  .icon-movable
- double_right
  .icon-double_right
- direction-arrow-fall
  .icon-direction-arrow-fall
- efferent
  .icon-efferent
- connection-arrow
  .icon-connection-arrow
- direction-arrow-rise
  .icon-direction-arrow-rise
- double-left
  .icon-double-left
- enter
  .icon-enter
- double-down
  .icon-double-down
- arrow-left
  .icon-arrow-left
- download
  .icon-download
- logout
  .icon-logout
- login
  .icon-login
- sliding-vertical
  .icon-sliding-vertical
- trending-down
  .icon-trending-down
- go-back
  .icon-go-back
- sliding-horizontal
  .icon-sliding-horizontal
- to-bottom
  .icon-to-bottom
- down1
  .icon-down1
- left-circle
  .icon-left-circle
- full-screen
  .icon-full-screen
- click-to-fold
  .icon-click-to-fold
- left
  .icon-left
- switch1
  .icon-switch1
- line-height
  .icon-line-height
- switch-left
  .icon-switch-left
- reject
  .icon-reject
- shuffle
  .icon-shuffle
- undo
  .icon-undo
- to-left
  .icon-to-left
- sort1
  .icon-sort1
- upload
  .icon-upload
- to-top
  .icon-to-top
- switch-right
  .icon-switch-right
- off-screen
  .icon-off-screen
- right1
  .icon-right1
- left1
  .icon-left1
- right-circle
  .icon-right-circle
- to-right
  .icon-to-right
- sort
  .icon-sort
- transfer-data
  .icon-transfer-data
- up
  .icon-up
- un-top
  .icon-un-top
- up-circle
  .icon-up-circle
- right
  .icon-right
- trending-up
  .icon-trending-up
- next
  .icon-next
- up1
  .icon-up1
- switch
  .icon-switch
- device
  .icon-device
- config
  .icon-config
- check-box
  .icon-check-box
- check
  .icon-check
- maximize
  .icon-maximize
- custmoer
  .icon-custmoer
- permission
  .icon-permission
- tag
  .icon-tag
- refresh
  .icon-refresh
- preview-close
  .icon-preview-close
- tag1
  .icon-tag1
- loading
  .icon-loading
- logout1
  .icon-logout1
- refresh1
  .icon-refresh1
- check-box-1
  .icon-check-box-1
- minimize
  .icon-minimize
- close1
  .icon-close1
- key
  .icon-key
- laptop
  .icon-laptop
- close
  .icon-close
- config1
  .icon-config1
- menu-fold
  .icon-menu-fold
- message
  .icon-message
- mobile
  .icon-mobile
- lock
  .icon-lock
- all-close
  .icon-all-close
- home
  .icon-home
- tool
  .icon-tool
- more1
  .icon-more1
- home1
  .icon-home1
- point-out
  .icon-point-out
- message2
  .icon-message2
- skin
  .icon-skin
- computer
  .icon-computer
- preview-close1
  .icon-preview-close1
- zoom-in
  .icon-zoom-in
- setting1
  .icon-setting1
- more
  .icon-more
- menu
  .icon-menu
- setting
  .icon-setting
- tablet
  .icon-tablet
- power
  .icon-power
- reset-password
  .icon-reset-password
- zoom-out
  .icon-zoom-out
- menu-unfold
  .icon-menu-unfold
- loading1
  .icon-loading1
- multi-window
  .icon-multi-window
- remind
  .icon-remind
- tag2
  .icon-tag2
- more2
  .icon-more2
- message1
  .icon-message1
- unlock
  .icon-unlock
- preview-open
  .icon-preview-open

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

- group-expand
  #icon-group-expand
- group-collapse
  #icon-group-collapse
- Zoom to 100%
  #icon-a-Zoomto100
- 存款业务
  #icon-cunkuanyewu
- 国际业务
  #icon-guojiyewu
- 贷款业务-1
  #icon-daikuanyewu-1
- 首页-1
  #icon-shouye-1
- 客户注册-1
  #icon-kehuzhuce-1
- 会计核算
  #icon-huijihesuan
- 投资业务
  #icon-touziyewu
- 会计核算-1
  #icon-huijihesuan-1
- 结算业务-1
  #icon-jiesuanyewu-1
- 票据业务-1
  #icon-piaojuyewu-1
- 集团业务-1
  #icon-jituanyewu-1
- 存款业务-1
  #icon-cunkuanyewu-1
- 国际业务-1
  #icon-guojiyewu-1
- 核心服务-1
  #icon-hexinfuwu-1
- 资金池
  #icon-zijinchi
- 同业业务
  #icon-tongyeyewu
- 客户信息
  #icon-kehuxinxi
- 金融网关
  #icon-jinrongwangguan
- 配置中心-1
  #icon-peizhizhongxin-1
- 金融网关-1
  #icon-jinrongwangguan-1
- 集团业务
  #icon-jituanyewu
- 资金池-1
  #icon-zijinchi-1
- 同业授信-1
  #icon-tongyeshouxin-1
- 首页
  #icon-shouye
- 集票宝-1
  #icon-jipiaobao-1
- 金融资产-1
  #icon-jinrongzichan-1
- 同业授信
  #icon-tongyeshouxin
- 票据业务
  #icon-piaojuyewu
- 结算业务
  #icon-jiesuanyewu
- 客户注册
  #icon-kehuzhuce
- 集票宝
  #icon-jipiaobao
- 配置中心
  #icon-peizhizhongxin
- 核心服务
  #icon-hexinfuwu
- 客户信息-1
  #icon-kehuxinxi-1
- 金融资产
  #icon-jinrongzichan
- 贷款业务
  #icon-daikuanyewu
- 同业业务-1
  #icon-tongyeyewu-1
- 投资业务-1
  #icon-touziyewu-1
- application-fill
  #icon-application-fill
- application1-fill
  #icon-application1-fill
- fail-fill
  #icon-fail-fill
- circle-fill
  #icon-circle-fill
- building-fill
  #icon-building-fill
- dashboard-fill
  #icon-dashboard-fill
- arrow-down-fill
  #icon-arrow-down-fill
- arrow-up-fill
  #icon-arrow-up-fill
- audit-fill
  #icon-audit-fill
- bond-quota-fill
  #icon-bond-quota-fill
- api-fill
  #icon-api-fill
- add-fill
  #icon-add-fill
- bank-card-fill
  #icon-bank-card-fill
- add1-fill
  #icon-add1-fill
- arrow-left-fill
  #icon-arrow-left-fill
- alarm-fill
  #icon-alarm-fill
- home1-fill
  #icon-home1-fill
- check-box1
  #icon-check-box1
- delete-fill
  #icon-delete-fill
- calendar-weekly-fill
  #icon-calendar-weekly-fill
- dollar-fill
  #icon-dollar-fill
- layers-fill
  #icon-layers-fill
- attention-fill
  #icon-attention-fill
- fund-fill
  #icon-fund-fill
- chart-pie-fill
  #icon-chart-pie-fill
- earth-fill
  #icon-earth-fill
- bank-fill
  #icon-bank-fill
- components-fill
  #icon-components-fill
- arrow-right-fill
  #icon-arrow-right-fill
- document-fill
  #icon-document-fill
- edit-fill
  #icon-edit-fill
- function-fill
  #icon-function-fill
- more2-fill
  #icon-more2-fill
- next-fill
  #icon-next-fill
- pointer-fill
  #icon-pointer-fill
- lightning1-fill
  #icon-lightning1-fill
- preview-open-fill
  #icon-preview-open-fill
- folder-fill
  #icon-folder-fill
- maximize-fill
  #icon-maximize-fill
- branch-fill
  #icon-branch-fill
- doc-search-fill
  #icon-doc-search-fill
- remind-fill
  #icon-remind-fill
- computer-fill
  #icon-computer-fill
- delete1-fill
  #icon-delete1-fill
- back0-fill
  #icon-back0-fill
- success-fill
  #icon-success-fill
- parameter-fill
  #icon-parameter-fill
- time-fill
  #icon-time-fill
- reduce-fill
  #icon-reduce-fill
- item-fill
  #icon-item-fill
- home-fill
  #icon-home-fill
- risk2-fill
  #icon-risk2-fill
- skin-fill
  #icon-skin-fill
- list3-fill
  #icon-list3-fill
- Cross-border funds-fill
  #icon-a-Cross-borderfunds-fill
- forbid-fill
  #icon-forbid-fill
- heart-fill
  #icon-heart-fill
- Illegal access-fill
  #icon-a-Illegalaccess-fill
- to-do-list-fill
  #icon-to-do-list-fill
- to-do-list1-fill
  #icon-to-do-list1-fill
- setting1-fill
  #icon-setting1-fill
- mark-fill
  #icon-mark-fill
- view-list-fill
  #icon-view-list-fill
- volume-fill-1
  #icon-volume-fill-1
- rmb-fill
  #icon-rmb-fill
- help-fill
  #icon-help-fill
- message2-fill
  #icon-message2-fill
- reduce1-fill
  #icon-reduce1-fill
- user-management-fill
  #icon-user-management-fill
- info-fill
  #icon-info-fill
- message-fill
  #icon-message-fill
- tag-fill
  #icon-tag-fill
- picture-fill
  #icon-picture-fill
- trend1-fill
  #icon-trend1-fill
- terminal-fill
  #icon-terminal-fill
- star-fill
  #icon-star-fill
- setting-fill
  #icon-setting-fill
- user1-fill
  #icon-user1-fill
- term-exposure-fill
  #icon-term-exposure-fill
- monitor-fill
  #icon-monitor-fill
- user-portrait-fill
  #icon-user-portrait-fill
- volume-fill
  #icon-volume-fill
- workbench-fill
  #icon-workbench-fill
- sort-fill
  #icon-sort-fill
- forbid
  #icon-forbid
- info
  #icon-info
- attention
  #icon-attention
- help
  #icon-help
- alarm
  #icon-alarm
- caution
  #icon-caution
- video1
  #icon-video1
- play1
  #icon-play1
- play
  #icon-play
- carousel
  #icon-carousel
- camera
  #icon-camera
- carousel-single
  #icon-carousel-single
- music
  #icon-music
- pause
  #icon-pause
- success
  #icon-success
- tips1
  #icon-tips1
- tips
  #icon-tips
- fail
  #icon-fail
- alarm1
  #icon-alarm1
- chart-histogram2
  #icon-chart-histogram2
- chart-histogram
  #icon-chart-histogram
- chart-area
  #icon-chart-area
- average
  #icon-average
- phone
  #icon-phone
- volume
  #icon-volume
- voice
  #icon-voice
- volume-up
  #icon-volume-up
- picture
  #icon-picture
- volume-mute
  #icon-volume-mute
- volume-down
  #icon-volume-down
- video
  #icon-video
- chart-pie
  #icon-chart-pie
- chart-scatter
  #icon-chart-scatter
- chart-line-multi
  #icon-chart-line-multi
- positive
  #icon-positive
- histogram
  #icon-histogram
- ranking
  #icon-ranking
- heat-map
  #icon-heat-map
- chart-stock
  #icon-chart-stock
- chart-ring
  #icon-chart-ring
- chart-combo
  #icon-chart-combo
- chart-stacked-bar
  #icon-chart-stacked-bar
- chart-radar
  #icon-chart-radar
- chart-line
  #icon-chart-line
- chart-histogram1
  #icon-chart-histogram1
- chart-data
  #icon-chart-data
- k-vertical3
  #icon-k-vertical3
- k-diagonal4
  #icon-k-diagonal4
- k-horizontal1
  #icon-k-horizontal1
- fibonacci
  #icon-fibonacci
- k-horizontal
  #icon-k-horizontal
- k-diagonal5
  #icon-k-diagonal5
- k-diagonal2
  #icon-k-diagonal2
- chart-stock1
  #icon-chart-stock1
- minimum
  #icon-minimum
- maximum
  #icon-maximum
- negative
  #icon-negative
- pivot-table
  #icon-pivot-table
- chart-line-area
  #icon-chart-line-area
- index
  #icon-index
- dollar
  #icon-dollar
- information1
  #icon-information1
- account
  #icon-account
- information
  #icon-information
- bank
  #icon-bank
- k-diagonal
  #icon-k-diagonal
- k-horizontal123
  #icon-k-horizontal123
- k-diagonal3
  #icon-k-diagonal3
- k-diagonal1
  #icon-k-diagonal1
- k-vertical1
  #icon-k-vertical1
- fx
  #icon-fx
- k-vertical2
  #icon-k-vertical2
- k-horizontal2
  #icon-k-horizontal2
- k-vertical
  #icon-k-vertical
- fixed-assets
  #icon-fixed-assets
- sales-approval
  #icon-sales-approval1
- product
  #icon-product
- loans
  #icon-loans
- bank-add
  #icon-bank-add
- research
  #icon-research
- coin
  #icon-coin
- information2
  #icon-information2
- trend
  #icon-trend
- trend1
  #icon-trend1
- money-collect
  #icon-money-collect
- date
  #icon-date
- euro-1
  #icon-euro-1
- money-pay
  #icon-money-pay
- euro
  #icon-euro
- swap
  #icon-swap
- far
  #icon-far
- precious-metal-1
  #icon-precious-metal-1
- near
  #icon-near
- fund
  #icon-fund
- futures
  #icon-futures
- spot
  #icon-spot
- exchange
  #icon-exchange
- forward
  #icon-forward
- bond
  #icon-bond
- precious-metal
  #icon-precious-metal
- foreign-currency
  #icon-foreign-currency
- foreign-exchange
  #icon-foreign-exchange
- commodities
  #icon-commodities
- money
  #icon-money
- expire-exercise
  #icon-expire-exercise
- fast-trade
  #icon-fast-trade
- extension
  #icon-extension
- delivery
  #icon-delivery
- delivery-application
  #icon-delivery-application
- calculation
  #icon-calculation
- ccalculator
  #icon-ccalculator
- backtrack
  #icon-backtrack
- abandon
  #icon-abandon
- closing-position1
  #icon-closing-position1
- business
  #icon-business
- advance
  #icon-advance
- audit
  #icon-audit
- option
  #icon-option
- commodities1
  #icon-commodities1
- spot-goods
  #icon-spot-goods
- payment-review
  #icon-payment-review
- trade
  #icon-trade
- fixing
  #icon-fixing
- knock-in-out
  #icon-knock-in-out
- listing1
  #icon-listing1
- early-delivery
  #icon-early-delivery
- forward-option
  #icon-forward-option
- pay
  #icon-pay
- early-exercise
  #icon-early-exercise
- exercise
  #icon-exercise
- closing-position
  #icon-closing-position
- listing
  #icon-listing
- Interest-collection
  #icon-Interest-collection
- fixed-to-selection
  #icon-fixed-to-selection
- inquiry
  #icon-inquiry
- due
  #icon-due
- price-distribution
  #icon-price-distribution
- group-add
  #icon-group-add
- multiple-lock-prices
  #icon-multiple-lock-prices
- unlocking
  #icon-unlocking
- withdraw
  #icon-withdraw
- overdue
  #icon-overdue
- differential-delivery
  #icon-differential-delivery
- strategy-comparison
  #icon-strategy-comparison
- quota release
  #icon-a-quotarelease
- position
  #icon-position
- strategy-optimization
  #icon-strategy-optimization
- shopping-cart
  #icon-shopping-cart
- qrcode
  #icon-qrcode
- fixed-investment
  #icon-fixed-investment
- operation
  #icon-operation
- shopping-bag
  #icon-shopping-bag
- order-inquiry
  #icon-order-inquiry
- channel-control
  #icon-channel-control
- biding
  #icon-biding
- future-managed
  #icon-future-managed
- bond-quotaanagement
  #icon-bond-quotaanagement
- cost-control
  #icon-cost-control
- stop-loss
  #icon-stop-loss
- lock-price
  #icon-lock-price
- listing2
  #icon-listing2
- no-trade
  #icon-no-trade
- stop-profit
  #icon-stop-profit
- reversal
  #icon-reversal
- option-exercise
  #icon-option-exercise
- selective-delivery
  #icon-selective-delivery
- listing-succeed
  #icon-listing-succeed
- trial
  #icon-trial
- counter- open
  #icon-a-counter-open
- l
  #icon-l
- client-open
  #icon-client-open
- tranding-setting
  #icon-tranding-setting
- spot-exposure
  #icon-spot-exposure
- financial-statements
  #icon-financial-statements
- position-managed
  #icon-position-managed
- system-solution
  #icon-system-solution
- term-exposure
  #icon-term-exposure
- information-query
  #icon-information-query
- cost-management
  #icon-cost-management
- order-management
  #icon-order-management
- client-close
  #icon-client-close
- h
  #icon-h
- market-risk
  #icon-market-risk
- monitor
  #icon-monitor
- dashboard
  #icon-dashboard
- list
  #icon-list4
- prefecture-amount
  #icon-prefecture-amount
- handle
  #icon-handle
- hand
  #icon-hand
- stop-selling
  #icon-stop-selling
- qt-price
  #icon-qt-price
- sales-approval
  #icon-sales-approval
- other-open
  #icon-other-open
- other-close
  #icon-other-close
- off-the-shelf
  #icon-off-the-shelf
- counter-close
  #icon-counter-close
- loan
  #icon-loan
- m
  #icon-m
- risk
  #icon-risk
- speed
  #icon-speed
- credit-risk
  #icon-credit-risk
- risk2
  #icon-risk2
- risk-examine
  #icon-risk-examine
- monitor1
  #icon-monitor1
- risk1
  #icon-risk1
- risk-monitoring
  #icon-risk-monitoring
- operational-risk
  #icon-operational-risk
- adaptive-stretching
  #icon-adaptive-stretching
- align-bottom
  #icon-align-bottom
- adaptive-stretching-horizontal
  #icon-adaptive-stretching-horizontal
- align-left
  #icon-align-left
- align-horizontally
  #icon-align-horizontally
- align-text-left
  #icon-align-text-left
- align-text-right
  #icon-align-text-right
- align-right
  #icon-align-right
- align-text-center
  #icon-align-text-center
- alin-verticlly
  #icon-alin-verticlly
- alphabetic-order
  #icon-alphabetic-order
- auto-height
  #icon-auto-height
- border-bottom
  #icon-border-bottom
- border-horizontal
  #icon-border-horizontal
- auto-width
  #icon-auto-width
- border-outer
  #icon-border-outer
- border-inner
  #icon-border-inner
- border-verticle
  #icon-border-verticle
- border-radius
  #icon-border-radius
- background-color
  #icon-background-color
- alphabetic-inverted-order
  #icon-alphabetic-inverted-order
- border-top
  #icon-border-top
- broken-line
  #icon-broken-line
- distribute-vertically
  #icon-distribute-vertically
- border-right
  #icon-border-right
- border-left
  #icon-border-left
- circle
  #icon-circle
- align-top
  #icon-align-top
- bring-to-front
  #icon-bring-to-front
- flex-baseline
  #icon-flex-baseline
- distribute-horizontally
  #icon-distribute-horizontally
- flex-baseline-horizontal
  #icon-flex-baseline-horizontal
- dividing-line
  #icon-dividing-line
- h1
  #icon-h1
- dot-line
  #icon-dot-line
- layers
  #icon-layers
- intersection
  #icon-intersection
- layout1
  #icon-layout1
- layout2
  #icon-layout2
- highlight
  #icon-highlight
- list1
  #icon-list1
- layout4
  #icon-layout4
- layout
  #icon-layout
- list2
  #icon-list2
- layout5
  #icon-layout5
- layout6
  #icon-layout6
- formula
  #icon-formula
- margin-verticlly
  #icon-margin-verticlly
- list3
  #icon-list3
- pic-center
  #icon-pic-center
- move-right
  #icon-move-right
- move-left
  #icon-move-left
- list
  #icon-list
- no-effect
  #icon-no-effect
- move-around
  #icon-move-around
- radius-upleft
  #icon-radius-upleft
- pic-left
  #icon-pic-left
- rectangle1
  #icon-rectangle1
- strikethrough
  #icon-strikethrough
- radius-bottomleft
  #icon-radius-bottomleft
- merge
  #icon-merge
- table-editing
  #icon-table-editing
- layout3
  #icon-layout3
- pic-right
  #icon-pic-right
- square
  #icon-square
- radius-bottomright
  #icon-radius-bottomright
- table-search
  #icon-table-search
- sent-to-back
  #icon-sent-to-back
- move
  #icon-move
- text-style
  #icon-text-style
- text-italic
  #icon-text-italic
- text-bold
  #icon-text-bold
- text-underline
  #icon-text-underline
- view-list
  #icon-view-list
- table
  #icon-table
- text-size
  #icon-text-size
- text-italic1
  #icon-text-italic1
- quote
  #icon-quote
- margin-horizontally
  #icon-margin-horizontally
- ordered-list
  #icon-ordered-list
- text
  #icon-text
- text-style1
  #icon-text-style1
- radius-upright
  #icon-radius-upright
- table1
  #icon-table1
- application3
  #icon-application3
- branch1
  #icon-branch1
- batch-input
  #icon-batch-input
- automatic-deployment
  #icon-automatic-deployment
- branch3
  #icon-branch3
- 3d
  #icon-a-3d
- add-item
  #icon-add-item
- batch-failure
  #icon-batch-failure
- add-menu
  #icon-add-menu
- branch
  #icon-branch
- branch4
  #icon-branch4
- add-subset
  #icon-add-subset
- api
  #icon-api
- 2d
  #icon-a-2d
- batch-search
  #icon-batch-search
- application
  #icon-application
- abnormal
  #icon-abnormal
- cloud-cync
  #icon-cloud-cync
- branch-check
  #icon-branch-check
- component-initem
  #icon-component-initem
- button
  #icon-button
- data-source
  #icon-data-source
- device-connected
  #icon-device-connected
- branch2
  #icon-branch2
- branch5
  #icon-branch5
- component-progress
  #icon-component-progress
- component-slider
  #icon-component-slider
- cloud-upload
  #icon-cloud-upload
- cloud-backtesting
  #icon-cloud-backtesting
- application1
  #icon-application1
- code
  #icon-code
- cloud-downlad
  #icon-cloud-downlad
- auto-complete
  #icon-auto-complete
- component-select
  #icon-component-select
- component-collapse
  #icon-component-collapse
- component-steps
  #icon-component-steps
- components
  #icon-components
- demand-management
  #icon-demand-management
- function
  #icon-function
- item-modify
  #icon-item-modify
- cloud-server
  #icon-cloud-server
- database-import
  #icon-database-import
- data-dictionary
  #icon-data-dictionary
- data-server
  #icon-data-server
- earth
  #icon-earth
- edition
  #icon-edition
- grid
  #icon-grid
- component-dropdown
  #icon-component-dropdown
- device-not-connected
  #icon-device-not-connected
- CPU
  #icon-CPU
- contanier
  #icon-contanier
- cloud-server备份
  #icon-cloud-serverbeifen
- component-switch
  #icon-component-switch
- configuration-process
  #icon-configuration-process
- display-inline-block
  #icon-display-inline-block
- component-board
  #icon-component-board
- process-list
  #icon-process-list
- subset
  #icon-subset
- container
  #icon-container
- historical-edition
  #icon-historical-edition
- collect
  #icon-collect
- iframe-container
  #icon-iframe-container
- process-management
  #icon-process-management
- server
  #icon-server
- display-inline
  #icon-display-inline
- usb
  #icon-usb
- warehousing
  #icon-warehousing
- sync
  #icon-sync
- data-grooming
  #icon-data-grooming
- display-block
  #icon-display-block
- input
  #icon-input
- versions-publish
  #icon-versions-publish
- resource
  #icon-resource
- display-flex
  #icon-display-flex
- router
  #icon-router
- tag
  #icon-tag3
- to-do-list
  #icon-to-do-list
- div-tag
  #icon-div-tag
- process-list-1
  #icon-process-list-1
- module
  #icon-module
- drawing-board
  #icon-drawing-board
- international
  #icon-international
- ipc-push
  #icon-ipc-push
- test
  #icon-test
- versions-publish-1
  #icon-versions-publish-1
- item
  #icon-item
- tab-single
  #icon-tab-single
- output-code
  #icon-output-code
- database
  #icon-database
- tree-node
  #icon-tree-node
- records
  #icon-records
- tree-list
  #icon-tree-list
- item-branch
  #icon-item-branch
- system-data
  #icon-system-data
- workbench
  #icon-workbench
- tab
  #icon-tab
- fault-management
  #icon-fault-management
- partial-channel-opening
  #icon-partial-channel-opening
- ws-push
  #icon-ws-push
- research-process
  #icon-research-process
- transfer
  #icon-transfer
- terminal
  #icon-terminal
- doc-add
  #icon-doc-add
- contract- fail
  #icon-a-contract-fail
- doc-search
  #icon-doc-search
- doc-edit
  #icon-doc-edit
- file-excel
  #icon-file-excel
- file-add
  #icon-file-add
- file-gif
  #icon-file-gif
- file
  #icon-file
- document
  #icon-document
- contract- success
  #icon-a-contract-success
- file-csv
  #icon-file-csv
- export
  #icon-export
- file-pdf
  #icon-file-pdf
- image-files
  #icon-image-files
- file-ppt
  #icon-file-ppt
- Invoice
  #icon-Invoice
- doc-sync
  #icon-doc-sync
- file-jpg
  #icon-file-jpg
- file1
  #icon-file1
- list-add
  #icon-list-add
- folder-open
  #icon-folder-open
- file-zip
  #icon-file-zip
- file-png
  #icon-file-png
- file-txt
  #icon-file-txt
- folder
  #icon-folder
- preview
  #icon-preview
- folder-add
  #icon-folder-add
- transaction-order
  #icon-transaction-order
- additional-record
  #icon-additional-record
- file-word
  #icon-file-word
- import
  #icon-import
- template
  #icon-template
- date-time
  #icon-date-time
- time
  #icon-time
- 24-hour
  #icon-a-24-hour
- alam-clock
  #icon-alam-clock
- stopwatch
  #icon-stopwatch
- calendar
  #icon-calendar
- calendar-monthly
  #icon-calendar-monthly
- calendar-range
  #icon-calendar-range
- schedule
  #icon-schedule
- history
  #icon-history
- calendar-weekly
  #icon-calendar-weekly
- calendar-view
  #icon-calendar-view
- user-info
  #icon-user-info
- user1
  #icon-user1
- user-portrait
  #icon-user-portrait
- bank-card
  #icon-bank-card
- account-cancel
  #icon-account-cancel
- id-card
  #icon-id-card
- user
  #icon-user
- group
  #icon-group
- user-info1
  #icon-user-info1
- request-object
  #icon-request-object
- address-book
  #icon-address-book
- add-user
  #icon-add-user
- acccount-add
  #icon-acccount-add
- user-management
  #icon-user-management
- user-error
  #icon-user-error
- fog
  #icon-fog
- go-out
  #icon-go-out
- borrow
  #icon-borrow
- book1
  #icon-book1
- happy
  #icon-happy
- course
  #icon-course
- cloud
  #icon-cloud
- heart
  #icon-heart
- gift
  #icon-gift
- compass
  #icon-compass
- bad
  #icon-bad
- ai-interpret
  #icon-ai-interpret
- building
  #icon-building
- aim
  #icon-aim
- briefcase
  #icon-briefcase
- cloudy
  #icon-cloudy
- book
  #icon-book
- moon
  #icon-moon
- school
  #icon-school
- business-trip
  #icon-business-trip
- Review-completed
  #icon-Review-completed
- successful-approval
  #icon-successful-approval
- guide-board
  #icon-guide-board
- notebook
  #icon-notebook
- light-rain
  #icon-light-rain
- experiment
  #icon-experiment
- local
  #icon-local
- fire
  #icon-fire
- financial-approval
  #icon-financial-approval
- fingerprint
  #icon-fingerprint
- degree-hat
  #icon-degree-hat
- smart-brain
  #icon-smart-brain
- trophy
  #icon-trophy
- rocket
  #icon-rocket
- performance-evaluation
  #icon-performance-evaluation
- heavy-rain
  #icon-heavy-rain
- neural-network
  #icon-neural-network
- wifi
  #icon-wifi
- lighting
  #icon-lighting
- good
  #icon-good
- umbrella
  #icon-umbrella
- wallet
  #icon-wallet
- wind
  #icon-wind
- approval-process
  #icon-approval-process
- dimission-management
  #icon-dimission-management
- signal
  #icon-signal
- sun
  #icon-sun
- contract-flow
  #icon-contract-flow
- local1
  #icon-local1
- unhappy
  #icon-unhappy
- star
  #icon-star
- lighting1
  #icon-lighting1
- personnel-approval
  #icon-personnel-approval
- work-application
  #icon-work-application
- hourglass-empty
  #icon-hourglass-empty
- hourglass-full
  #icon-hourglass-full
- shop
  #icon-shop
- meeting-reservation
  #icon-meeting-reservation
- receive
  #icon-receive
- contract-statement
  #icon-contract-statement
- drag
  #icon-drag
- clear
  #icon-clear
- delete1
  #icon-delete1
- email-open
  #icon-email-open
- edit1
  #icon-edit1
- link
  #icon-link
- add
  #icon-add
- cut
  #icon-cut
- announcement
  #icon-announcement
- edit
  #icon-edit
- announcement1
  #icon-announcement1
- clear1
  #icon-clear1
- copy
  #icon-copy
- @
  #icon-a-
- add1
  #icon-add1
- equal
  #icon-equal
- pointer
  #icon-pointer
- email
  #icon-email
- cutting
  #icon-cutting
- link1
  #icon-link1
- sort-amount-up
  #icon-sort-amount-up
- save
  #icon-save
- send
  #icon-send
- news
  #icon-news
- pushpin
  #icon-pushpin
- must-fill-in
  #icon-must-fill-in
- reduce
  #icon-reduce
- plus
  #icon-plus
- delete
  #icon-delete
- share
  #icon-share
- link2
  #icon-link2
- find
  #icon-find
- scan
  #icon-scan
- reduce1
  #icon-reduce1
- inbox
  #icon-inbox
- minus
  #icon-minus
- filter
  #icon-filter
- afferent
  #icon-afferent
- arrow-up
  #icon-arrow-up
- arrow-right
  #icon-arrow-right
- arrow-down
  #icon-arrow-down
- unlink
  #icon-unlink
- search1
  #icon-search1
- save1
  #icon-save1
- printer
  #icon-printer
- platte
  #icon-platte
- mark
  #icon-mark
- link-interrupt
  #icon-link-interrupt
- sort-amount-down
  #icon-sort-amount-down
- search
  #icon-search
- down-circle
  #icon-down-circle
- expand
  #icon-expand
- export-all
  #icon-export-all
- go-on
  #icon-go-on
- double-up
  #icon-double-up
- back
  #icon-back
- down
  #icon-down
- collapse
  #icon-collapse
- movable
  #icon-movable
- double_right
  #icon-double_right
- direction-arrow-fall
  #icon-direction-arrow-fall
- efferent
  #icon-efferent
- connection-arrow
  #icon-connection-arrow
- direction-arrow-rise
  #icon-direction-arrow-rise
- double-left
  #icon-double-left
- enter
  #icon-enter
- double-down
  #icon-double-down
- arrow-left
  #icon-arrow-left
- download
  #icon-download
- logout
  #icon-logout
- login
  #icon-login
- sliding-vertical
  #icon-sliding-vertical
- trending-down
  #icon-trending-down
- go-back
  #icon-go-back
- sliding-horizontal
  #icon-sliding-horizontal
- to-bottom
  #icon-to-bottom
- down1
  #icon-down1
- left-circle
  #icon-left-circle
- full-screen
  #icon-full-screen
- click-to-fold
  #icon-click-to-fold
- left
  #icon-left
- switch1
  #icon-switch1
- line-height
  #icon-line-height
- switch-left
  #icon-switch-left
- reject
  #icon-reject
- shuffle
  #icon-shuffle
- undo
  #icon-undo
- to-left
  #icon-to-left
- sort1
  #icon-sort1
- upload
  #icon-upload
- to-top
  #icon-to-top
- switch-right
  #icon-switch-right
- off-screen
  #icon-off-screen
- right1
  #icon-right1
- left1
  #icon-left1
- right-circle
  #icon-right-circle
- to-right
  #icon-to-right
- sort
  #icon-sort
- transfer-data
  #icon-transfer-data
- up
  #icon-up
- un-top
  #icon-un-top
- up-circle
  #icon-up-circle
- right
  #icon-right
- trending-up
  #icon-trending-up
- next
  #icon-next
- up1
  #icon-up1
- switch
  #icon-switch
- device
  #icon-device
- config
  #icon-config
- check-box
  #icon-check-box
- check
  #icon-check
- maximize
  #icon-maximize
- custmoer
  #icon-custmoer
- permission
  #icon-permission
- tag
  #icon-tag
- refresh
  #icon-refresh
- preview-close
  #icon-preview-close
- tag1
  #icon-tag1
- loading
  #icon-loading
- logout1
  #icon-logout1
- refresh1
  #icon-refresh1
- check-box-1
  #icon-check-box-1
- minimize
  #icon-minimize
- close1
  #icon-close1
- key
  #icon-key
- laptop
  #icon-laptop
- close
  #icon-close
- config1
  #icon-config1
- menu-fold
  #icon-menu-fold
- message
  #icon-message
- mobile
  #icon-mobile
- lock
  #icon-lock
- all-close
  #icon-all-close
- home
  #icon-home
- tool
  #icon-tool
- more1
  #icon-more1
- home1
  #icon-home1
- point-out
  #icon-point-out
- message2
  #icon-message2
- skin
  #icon-skin
- computer
  #icon-computer
- preview-close1
  #icon-preview-close1
- zoom-in
  #icon-zoom-in
- setting1
  #icon-setting1
- more
  #icon-more
- menu
  #icon-menu
- setting
  #icon-setting
- tablet
  #icon-tablet
- power
  #icon-power
- reset-password
  #icon-reset-password
- zoom-out
  #icon-zoom-out
- menu-unfold
  #icon-menu-unfold
- loading1
  #icon-loading1
- multi-window
  #icon-multi-window
- remind
  #icon-remind
- tag2
  #icon-tag2
- more2
  #icon-more2
- message1
  #icon-message1
- unlock
  #icon-unlock
- preview-open
  #icon-preview-open

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