#

- 
  ellipsis
  &#xe77e;
- 
  training
  &#xe87e;
- 
  email
  &#xe77f;
- 
  packing-labeling-fill
  &#xe87f;
- 
  falling
  &#xe780;
- 
  export services-fill
  &#xe880;
- 
  earth
  &#xe781;
- 
  brand-fill
  &#xe881;
- 
  filter
  &#xe782;
- 
  collection
  &#xe882;
- 
  furniture
  &#xe783;
- 
  consumption-fill
  &#xe883;
- 
  folder
  &#xe784;
- 
  collection-fill
  &#xe884;
- 
  feeds
  &#xe785;
- 
  brand
  &#xe885;
- 
  history
  &#xe786;
- 
  rejected-order-fill
  &#xe886;
- 
  hardware
  &#xe787;
- 
  homepage-ads-fill
  &#xe887;
- 
  help
  &#xe788;
- 
  homepage-ads
  &#xe888;
- 
  good
  &#xe789;
- 
  scenes-fill
  &#xe889;
- 
  Household appliances
  &#xe78a;
- 
  scenes
  &#xe88a;
- 
  gift
  &#xe78b;
- 
  similar-product-fill
  &#xe88b;
- 
  form
  &#xe78c;
- 
  topraning-fill
  &#xe88c;
- 
  image-text
  &#xe78d;
- 
  consumption
  &#xe88d;
- 
  hot
  &#xe78e;
- 
  topraning
  &#xe88e;
- 
  inspection
  &#xe78f;
- 
  gold-supplier
  &#xe88f;
- 
  left button
  &#xe790;
- 
  message center-fill
  &#xe890;
- 
  jewelry
  &#xe791;
- 
  quick
  &#xe891;
- 
  ipad
  &#xe792;
- 
  writing
  &#xe892;
- 
  left arrow
  &#xe793;
- 
  doc-fill
  &#xe893;
- 
  integral
  &#xe794;
- 
  jpge-fill
  &#xe894;
- 
  kitchen
  &#xe795;
- 
  gif-fill
  &#xe895;
- 
  inquiry-template
  &#xe796;
- 
  bmp-fill
  &#xe896;
- 
  link
  &#xe797;
- 
  tif-fill
  &#xe897;
- 
  libra
  &#xe798;
- 
  png-fill
  &#xe898;
- 
  loading
  &#xe799;
- 
  home
  &#xe899;
- 
  listing-content
  &#xe79a;
- 
  home
  &#xe89a;
- 
  lights
  &#xe79b;
- 
  send inquiry-fill
  &#xe89b;
- 
  logistics-icon
  &#xe79c;
- 
  comments-fill
  &#xe89c;
- 
  message center
  &#xe79d;
- 
  account-fill
  &#xe89d;
- 
  mobile-phone
  &#xe79e;
- 
  feed-logo-fill
  &#xe89e;
- 
  manage-order
  &#xe79f;
- 
  feed-logo
  &#xe89f;
- 
  move
  &#xe7a0;
- 
  home-fill
  &#xe8a0;
- 
  Money management
  &#xe7a1;
- 
  add-select
  &#xe8a1;
- 
  namecard
  &#xe7a2;
- 
  sami-select
  &#xe8a2;
- 
  map
  &#xe7a3;
- 
  camera
  &#xe8a3;
- 
  New user zone
  &#xe7a4;
- 
  arrow-down
  &#xe8a4;
- 
  multi-language
  &#xe7a5;
- 
  account
  &#xe8a5;
- 
  office
  &#xe7a6;
- 
  comments
  &#xe8a6;
- 
  notice
  &#xe7a7;
- 
  cart-Empty
  &#xe8a7;
- 
  on time shipment
  &#xe7a8;
- 
  favorites
  &#xe8a8;
- 
  office-supplies
  &#xe7a9;
- 
  order
  &#xe8a9;
- 
  password
  &#xe7aa;
- 
  search
  &#xe8aa;
- 
  Not visible
  &#xe7ab;
- 
  trade-assurance
  &#xe8ab;
- 
  operation
  &#xe7ac;
- 
  user center
  &#xe8ac;
- 
  packaging
  &#xe7ad;
- 
  trading data
  &#xe8ad;
- 
  online-tracking
  &#xe7ae;
- 
  microphone
  &#xe8ae;
- 
  packing-labeling
  &#xe7af;
- 
  txt
  &#xe8af;
- 
  phone
  &#xe7b0;
- 
  xlsx
  &#xe8b0;
- 
  pic
  &#xe7b1;
- 
  办证服务
  &#xe8b1;
- 
  pin
  &#xe7b2;
- 
  仓库
  &#xe8b2;
- 
  play
  &#xe7b3;
- 
  代办财税
  &#xe8b3;
- 
  logistic-logo
  &#xe7b4;
- 
  集装箱
  &#xe8b4;
- 
  print
  &#xe7b5;
- 
  角标
  &#xe8b5;
- 
  product
  &#xe7b6;
- 
  客户盘点
  &#xe8b6;
- 
  machinery
  &#xe7b7;
- 
  动态
  &#xe8b7;
- 
  process
  &#xe7b8;
- 
  贷款
  &#xe8b8;
- 
  prompt
  &#xe7b9;
- 
  生意经
  &#xe8b9;
- 
  QRcode
  &#xe7ba;
- 
  结汇
  &#xe8ba;
- 
  reeor
  &#xe7bb;
- 
  分层配置
  &#xe8bb;
- 
  reduce
  &#xe7bc;
- 
  申请记录
  &#xe8bc;
- 
  Non-staple food
  &#xe7bd;
- 
  上传备案单证
  &#xe8bd;
- 
  rejected-order
  &#xe7be;
- 
  上传
  &#xe8be;
- 
  resonse rate
  &#xe7bf;
- 
  客户权益
  &#xe8bf;
- 
  remind
  &#xe7c0;
- 
  缩小
  &#xe8c0;
- 
  response time
  &#xe7c1;
- 
  权益配置
  &#xe8c1;
- 
  return
  &#xe7c2;
- 
  双审
  &#xe8c2;
- 
  paylater
  &#xe7c3;
- 
  通关
  &#xe8c3;
- 
  rising
  &#xe7c4;
- 
  退税
  &#xe8c4;
- 
  Right arrow
  &#xe7c5;
- 
  通关数据
  &#xe8c5;
- 
  rmb
  &#xe7c6;
- 
  快递物流
  &#xe8c6;
- 
  RFQ-logo
  &#xe7c7;
- 
  物流产品
  &#xe8c7;
- 
  save
  &#xe7c8;
- 
  外汇数据
  &#xe8c8;
- 
  scanning
  &#xe7c9;
- 
  信息bar_手机
  &#xe8c9;
- 
  security
  &#xe7ca;
- 
  新外综业务
  &#xe8ca;
- 
  sales center
  &#xe7cb;
- 
  物流订单
  &#xe8cb;
- 
  seleted
  &#xe7cc;
- 
  中间人
  &#xe8cc;
- 
  search cart
  &#xe7cd;
- 
  信息bar_账户
  &#xe8cd;
- 
  raw
  &#xe7ce;
- 
  一达通
  &#xe8ce;
- 
  service
  &#xe7cf;
- 
  专业权威
  &#xe8cf;
- 
  share
  &#xe7d0;
- 
  账户操作
  &#xe8d0;
- 
  signboard
  &#xe7d1;
- 
  旋转90度
  &#xe8d1;
- 
  shuffling-banner
  &#xe7d2;
- 
  退税融资
  &#xe8d2;
- 
  Right button
  &#xe7d3;
- 
  Add Products
  &#xe8d3;
- 
  sorting
  &#xe7d4;
- 
  自营业务
  &#xe8d4;
- 
  sound-Mute
  &#xe7d5;
- 
  addcell
  &#xe8d5;
- 
  category products
  &#xe7d6;
- 
  background-color
  &#xe8d6;
- 
  sound-filling
  &#xe7d7;
- 
  cascades
  &#xe8d7;
- 
  suggest
  &#xe7d8;
- 
  beijing
  &#xe8d8;
- 
  stop
  &#xe7d9;
- 
  bold
  &#xe8d9;
- 
  success
  &#xe7da;
- 
  资金
  &#xe8da;
- 
  supplier-features
  &#xe7db;
- 
  eraser
  &#xe8db;
- 
  switch
  &#xe7dc;
- 
  centeralignment
  &#xe8dc;
- 
  survey
  &#xe7dd;
- 
  click
  &#xe8dd;
- 
  template
  &#xe7de;
- 
  asp结算
  &#xe8de;
- 
  text
  &#xe7df;
- 
  flag
  &#xe8df;
- 
  suspended
  &#xe7e0;
- 
  falg-fill
  &#xe8e0;
- 
  task-management
  &#xe7e1;
- 
  Fee
  &#xe8e1;
- 
  tool
  &#xe7e2;
- 
  filling
  &#xe8e2;
- 
  top
  &#xe7e3;
- 
  Foreign currency
  &#xe8e3;
- 
  smile
  &#xe7e4;
- 
  guanliyuan
  &#xe8e4;
- 
  textile-products
  &#xe7e5;
- 
  language
  &#xe8e5;
- 
  trade alert
  &#xe7e6;
- 
  leftalignment
  &#xe8e6;
- 
  top sales
  &#xe7e7;
- 
  extra-inquiries
  &#xe8e7;
- 
  trading volume
  &#xe7e8;
- 
  Italic
  &#xe8e8;
- 
  training
  &#xe7e9;
- 
  pcm
  &#xe8e9;
- 
  upload
  &#xe7ea;
- 
  reducecell
  &#xe8ea;
- 
  RFQ-word
  &#xe7eb;
- 
  rightalignment
  &#xe8eb;
- 
  view larger
  &#xe7ec;
- 
  pointerleft
  &#xe8ec;
- 
  viewgallery
  &#xe7ed;
- 
  subscript
  &#xe8ed;
- 
  vehivles
  &#xe7ee;
- 
  square
  &#xe8ee;
- 
  trust
  &#xe7ef;
- 
  superscript
  &#xe8ef;
- 
  warning
  &#xe7f0;
- 
  tag-subscript
  &#xe8f0;
- 
  warehouse
  &#xe7f1;
- 
  单据转换
  &#xe8f1;
- 
  shoes
  &#xe7f2;
- 
  Transfer money
  &#xe8f2;
- 
  video
  &#xe7f3;
- 
  under-line
  &#xe8f3;
- 
  viewlist
  &#xe7f4;
- 
  xiakuangxian
  &#xe8f4;
- 
  set
  &#xe7f5;
- 
  收起
  &#xe8f5;
- 
  store
  &#xe7f6;
- 
  展开
  &#xe8f6;
- 
  tool-hardware
  &#xe7f7;
- 
  通讯录
  &#xe8f7;
- 
  vs
  &#xe7f8;
- 
  已关注供应商
  &#xe8f8;
- 
  toy
  &#xe7f9;
- 
  购买偏好
  &#xe8f9;
- 
  sport
  &#xe7fa;
- 
  Subscribe
  &#xe8fa;
- 
  credit card
  &#xe7fb;
- 
  become a gold supplier
  &#xe8fb;
- 
  contacts
  &#xe7fc;
- 
  new
  &#xe8fc;
- 
  checkstand
  &#xe7fd;
- 
  free
  &#xe8fd;
- 
  aviation
  &#xe7fe;
- 
  cad-fill
  &#xe8fe;
- 
  Daytime mode
  &#xe7ff;
- 
  robot
  &#xe8ff;
- 
  infant & mom
  &#xe800;
- 
  inspection
  &#xe900;
- 
  discounts
  &#xe801;
- 
  block
  &#xe901;
- 
  invoice
  &#xe802;
- 
  收货icon
  &#xe902;
- 
  insurance
  &#xe803;
- 
  night mode
  &#xe804;
- 
  user center
  &#xe805;
- 
  unlock
  &#xe806;
- 
  vip
  &#xe807;
- 
  wallet
  &#xe808;
- 
  land transportation
  &#xe809;
- 
  voice
  &#xe80a;
- 
  exchange rate
  &#xe80b;
- 
  contacts-fill
  &#xe80c;
- 
  add-account
  &#xe80d;
- 
  2years-fill
  &#xe80e;
- 
  add-cart-fill
  &#xe80f;
- 
  add-fill
  &#xe810;
- 
  all-fill
  &#xe811;
- 
  ashbin-fill
  &#xe812;
- 
  calendar-fill
  &#xe813;
- 
  bad-fill
  &#xe814;
- 
  bussiness-man-fill
  &#xe815;
- 
  atm-fill
  &#xe816;
- 
  cart- full-fill
  &#xe817;
- 
  cart-Empty-fill
  &#xe818;
- 
  camera switching-fill
  &#xe819;
- 
  atm-away-fill
  &#xe81a;
- 
  certified-supplier-fill
  &#xe81b;
- 
  calculator-fill
  &#xe81c;
- 
  clock-fill
  &#xe81d;
- 
  ali-clould-fill
  &#xe81e;
- 
  color-fill
  &#xe81f;
- 
  coupons-fill
  &#xe820;
- 
  cecurity-protection-fill
  &#xe821;
- 
  credit-level-fill
  &#xe822;
- 
  auto
  &#xe6eb;
- 
  default-template-fill
  &#xe823;
- 
  all
  &#xe6ef;
- 
  Currency Converter-fill
  &#xe824;
- 
  bussiness-man
  &#xe6f0;
- 
  Customer management-fill
  &#xe825;
- 
  component
  &#xe6f2;
- 
  discounts-fill
  &#xe826;
- 
  code
  &#xe6f3;
- 
  Daytime mode-fill
  &#xe827;
- 
  copy
  &#xe6f4;
- 
  exl-fill
  &#xe828;
- 
  dollar
  &#xe6f5;
- 
  cry-fill
  &#xe829;
- 
  history
  &#xe6f8;
- 
  email-fill
  &#xe82a;
- 
  editor
  &#xe6f6;
- 
  filter-fill
  &#xe82b;
- 
  data
  &#xe6f9;
- 
  folder-fill
  &#xe82c;
- 
  gift
  &#xe6fa;
- 
  feeds-fill
  &#xe82d;
- 
  integral
  &#xe6fb;
- 
  gold-supplie-fill
  &#xe82e;
- 
  nav-list
  &#xe6fd;
- 
  form-fill
  &#xe82f;
- 
  pic
  &#xe6ff;
- 
  camera-fill
  &#xe830;
- 
  Not visible
  &#xe6fe;
- 
  good-fill
  &#xe831;
- 
  play
  &#xe701;
- 
  image-text-fill
  &#xe832;
- 
  rising
  &#xe703;
- 
  inspection-fill
  &#xe833;
- 
  QRcode
  &#xe704;
- 
  hot-fill
  &#xe834;
- 
  rmb
  &#xe705;
- 
  company-fill
  &#xe835;
- 
  similar-product
  &#xe707;
- 
  discount-fill
  &#xe836;
- 
  export services
  &#xe702;
- 
  insurance-fill
  &#xe837;
- 
  send inquiry
  &#xe70d;
- 
  inquiry-template-fill
  &#xe838;
- 
  all-fill
  &#xe718;
- 
  left button-fill
  &#xe839;
- 
  favorites-fill
  &#xe721;
- 
  integral-fill
  &#xe83a;
- 
  integral-fill
  &#xe726;
- 
  help
  &#xe83b;
- 
  namecard-fill
  &#xe72a;
- 
  listing-content-fill
  &#xe83c;
- 
  pic-fill
  &#xe72e;
- 
  logistic-logo-fill
  &#xe83d;
- 
  play-fill
  &#xe72f;
- 
  Money management-fill
  &#xe83e;
- 
  prompt-fill
  &#xe730;
- 
  manage-order-fill
  &#xe83f;
- 
  stop-fill
  &#xe738;
- 
  multi-language-fill
  &#xe840;
- 
  3column
  &#xe741;
- 
  logistics-icon-fill
  &#xe841;
- 
  add-account
  &#xe742;
- 
  New user zone-fill
  &#xe842;
- 
  4column
  &#xe743;
- 
  night mode-fill
  &#xe843;
- 
  add
  &#xe744;
- 
  office-supplies-fill
  &#xe844;
- 
  agriculture
  &#xe745;
- 
  notice-fill
  &#xe845;
- 
  2years
  &#xe746;
- 
  mute
  &#xe846;
- 
  add-cart
  &#xe747;
- 
  order-fill
  &#xe847;
- 
  arrow-right
  &#xe748;
- 
  password
  &#xe848;
- 
  arrow-left
  &#xe749;
- 
  map
  &#xe849;
- 
  apparel
  &#xe74a;
- 
  paylater-fill
  &#xe84a;
- 
  all
  &#xe74b;
- 
  phone-fill
  &#xe84b;
- 
  arrow-up
  &#xe74c;
- 
  online-tracking-fill
  &#xe84c;
- 
  ascending
  &#xe74d;
- 
  play-fill
  &#xe84d;
- 
  ashbin
  &#xe74e;
- 
  pdf-fill
  &#xe84e;
- 
  atm
  &#xe74f;
- 
  phone
  &#xe84f;
- 
  bad
  &#xe750;
- 
  pin-fill
  &#xe850;
- 
  attachent
  &#xe751;
- 
  product-fill
  &#xe851;
- 
  browse
  &#xe752;
- 
  ranking list-fill
  &#xe852;
- 
  beauty
  &#xe753;
- 
  reduce-fill
  &#xe853;
- 
  atm-away
  &#xe754;
- 
  reeor-fill
  &#xe854;
- 
  assessed-badge
  &#xe755;
- 
  pic-fill
  &#xe855;
- 
  auto
  &#xe756;
- 
  ranking list
  &#xe856;
- 
  bags
  &#xe757;
- 
  product
  &#xe857;
- 
  calendar
  &#xe758;
- 
  prompt-fill
  &#xe858;
- 
  cart- full
  &#xe759;
- 
  resonse rate-fill
  &#xe859;
- 
  calculator
  &#xe75a;
- 
  remind-fill
  &#xe85a;
- 
  camera switching
  &#xe75b;
- 
  Right button-fill
  &#xe85b;
- 
  cecurity-protection
  &#xe75c;
- 
  RFQ-logo-fill
  &#xe85c;
- 
  category
  &#xe75d;
- 
  RFQ-word-fill
  &#xe85d;
- 
  close
  &#xe75e;
- 
  search cart-fill
  &#xe85e;
- 
  certified-supplier
  &#xe75f;
- 
  sales center-fill
  &#xe85f;
- 
  cart-Empty
  &#xe760;
- 
  save-fill
  &#xe860;
- 
  code
  &#xe761;
- 
  security-fill
  &#xe861;
- 
  color
  &#xe762;
- 
  category products-fill
  &#xe862;
- 
  conditions
  &#xe763;
- 
  signboard-fill
  &#xe863;
- 
  confirm
  &#xe764;
- 
  service-fill
  &#xe864;
- 
  company
  &#xe765;
- 
  shuffling-banner-fill
  &#xe865;
- 
  ali-clould
  &#xe766;
- 
  supplier-features-fill
  &#xe866;
- 
  copy
  &#xe767;
- 
  store-fill
  &#xe867;
- 
  credit-level
  &#xe768;
- 
  smile-fill
  &#xe868;
- 
  coupons
  &#xe769;
- 
  success-fill
  &#xe869;
- 
  connections
  &#xe76a;
- 
  sound-filling-fill
  &#xe86a;
- 
  cry
  &#xe76b;
- 
  sound-Mute
  &#xe86b;
- 
  costoms-alearance
  &#xe76c;
- 
  suspended-fill
  &#xe86c;
- 
  clock
  &#xe76d;
- 
  tool-fill
  &#xe86d;
- 
  Currency Converter
  &#xe76e;
- 
  task-management-fill
  &#xe86e;
- 
  cut
  &#xe76f;
- 
  unlock-fill
  &#xe86f;
- 
  data
  &#xe770;
- 
  trust-fill
  &#xe870;
- 
  Customer management
  &#xe771;
- 
  vip-fill
  &#xe871;
- 
  descending
  &#xe772;
- 
  set
  &#xe872;
- 
  double-arro- right
  &#xe773;
- 
  top-fill
  &#xe873;
- 
  customization
  &#xe774;
- 
  view larger
  &#xe874;
- 
  double-arrow-left
  &#xe775;
- 
  voice-fill
  &#xe875;
- 
  discount
  &#xe776;
- 
  warning-fill
  &#xe876;
- 
  download
  &#xe777;
- 
  warehouse-fill
  &#xe877;
- 
  dollar
  &#xe778;
- 
  zip-fill
  &#xe878;
- 
  default-template
  &#xe779;
- 
  trade-assurance-fill
  &#xe879;
- 
  editor
  &#xe77a;
- 
  vs-fill
  &#xe87a;
- 
  eletrical
  &#xe77b;
- 
  video
  &#xe87b;
- 
  electronics
  &#xe77c;
- 
  template-fill
  &#xe87c;
- 
  etrical-equipm
  &#xe77d;
- 
  wallet
  &#xe87d;

## Unicode 引用

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

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

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

Unicode 使用步骤如下：

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

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

- ellipsis
  .icon-ellipsis
- training
  .icon-training1
- email
  .icon-email
- packing-labeling-fill
  .icon-packing-labeling-fill
- falling
  .icon-falling
- export services-fill
  .icon-Exportservices-fill
- earth
  .icon-earth
- brand-fill
  .icon-brand-fill
- filter
  .icon-filter
- collection
  .icon-collection
- furniture
  .icon-furniture
- consumption-fill
  .icon-consumption-fill
- folder
  .icon-folder
- collection-fill
  .icon-collection-fill
- feeds
  .icon-feeds
- brand
  .icon-brand
- history
  .icon-history1
- rejected-order-fill
  .icon-rejected-order-fill
- hardware
  .icon-hardware
- homepage-ads-fill
  .icon-homepage-ads-fill
- help
  .icon-help
- homepage-ads
  .icon-homepage-ads
- good
  .icon-good
- scenes-fill
  .icon-scenes-fill
- Household appliances
  .icon-Householdappliances
- scenes
  .icon-scenes
- gift
  .icon-gift1
- similar-product-fill
  .icon-similar-product-fill
- form
  .icon-form
- topraning-fill
  .icon-topraning-fill
- image-text
  .icon-image-text
- consumption
  .icon-consumption
- hot
  .icon-hot
- topraning
  .icon-topraning
- inspection
  .icon-inspection
- gold-supplier
  .icon-gold-supplier
- left button
  .icon-leftbutton
- message center-fill
  .icon-messagecenter-fill
- jewelry
  .icon-jewelry
- quick
  .icon-quick
- ipad
  .icon-ipad
- writing
  .icon-writing
- left arrow
  .icon-leftarrow
- doc-fill
  .icon-docjpge-fill
- integral
  .icon-integral1
- jpge-fill
  .icon-jpge-fill
- kitchen
  .icon-kitchen
- gif-fill
  .icon-gifjpge-fill
- inquiry-template
  .icon-inquiry-template
- bmp-fill
  .icon-bmpjpge-fill
- link
  .icon-link
- tif-fill
  .icon-tifjpge-fill
- libra
  .icon-libra
- png-fill
  .icon-pngjpge-fill
- loading
  .icon-loading
- home
  .icon-Hometextile
- listing-content
  .icon-listing-content
- home
  .icon-home
- lights
  .icon-lights
- send inquiry-fill
  .icon-sendinquiry-fill
- logistics-icon
  .icon-logistics-icon
- comments-fill
  .icon-comments-fill
- message center
  .icon-messagecenter
- account-fill
  .icon-account-fill
- mobile-phone
  .icon-mobile-phone
- feed-logo-fill
  .icon-feed-logo-fill
- manage-order
  .icon-manage-order
- feed-logo
  .icon-feed-logo
- move
  .icon-move
- home-fill
  .icon-home-fill
- Money management
  .icon-Moneymanagement
- add-select
  .icon-add-select
- namecard
  .icon-namecard
- sami-select
  .icon-sami-select
- map
  .icon-map
- camera
  .icon-camera
- New user zone
  .icon-Newuserzone
- arrow-down
  .icon-arrow-down
- multi-language
  .icon-multi-language
- account
  .icon-account
- office
  .icon-office
- comments
  .icon-comments
- notice
  .icon-notice
- cart-Empty
  .icon-cart-Empty1
- on time shipment
  .icon-ontimeshipment
- favorites
  .icon-favorites
- office-supplies
  .icon-office-supplies
- order
  .icon-order
- password
  .icon-password
- search
  .icon-search
- Not visible
  .icon-Notvisible1
- trade-assurance
  .icon-trade-assurance
- operation
  .icon-operation
- user center
  .icon-usercenter1
- packaging
  .icon-packaging
- trading data
  .icon-tradingdata
- online-tracking
  .icon-online-tracking
- microphone
  .icon-microphone
- packing-labeling
  .icon-packing-labeling
- txt
  .icon-txt
- phone
  .icon-phone
- xlsx
  .icon-xlsx
- pic
  .icon-pic1
- 办证服务
  .icon-banzhengfuwu
- pin
  .icon-pin
- 仓库
  .icon-cangku
- play
  .icon-play1
- 代办财税
  .icon-daibancaishui
- logistic-logo
  .icon-logistic-logo
- 集装箱
  .icon-jizhuangxiang
- print
  .icon-print
- 角标
  .icon-jiaobiao
- product
  .icon-product
- 客户盘点
  .icon-kehupandian
- machinery
  .icon-machinery
- 动态
  .icon-dongtai
- process
  .icon-process
- 贷款
  .icon-daikuan
- prompt
  .icon-prompt
- 生意经
  .icon-shengyijing
- QRcode
  .icon-QRcode1
- 结汇
  .icon-jiehui
- reeor
  .icon-reeor
- 分层配置
  .icon-fencengpeizhi
- reduce
  .icon-reduce
- 申请记录
  .icon-shenqingjilu
- Non-staple food
  .icon-Non-staplefood
- 上传备案单证
  .icon-shangchuanbeiandanzheng
- rejected-order
  .icon-rejected-order
- 上传
  .icon-shangchuan
- resonse rate
  .icon-resonserate
- 客户权益
  .icon-kehuquanyi
- remind
  .icon-remind
- 缩小
  .icon-suoxiao
- response time
  .icon-responsetime
- 权益配置
  .icon-quanyipeizhi
- return
  .icon-return
- 双审
  .icon-shuangshen
- paylater
  .icon-paylater
- 通关
  .icon-tongguan
- rising
  .icon-rising1
- 退税
  .icon-tuishui
- Right arrow
  .icon-Rightarrow
- 通关数据
  .icon-tongguanshuju
- rmb
  .icon-rmb1
- 快递物流
  .icon-kuaidiwuliu
- RFQ-logo
  .icon-RFQ-logo
- 物流产品
  .icon-wuliuchanpin
- save
  .icon-save
- 外汇数据
  .icon-waihuishuju
- scanning
  .icon-scanning
- 信息bar_手机
  .icon-xinxibar_shouji
- security
  .icon-security
- 新外综业务
  .icon-xinwaizongyewu
- sales center
  .icon-salescenter
- 物流订单
  .icon-wuliudingdan
- seleted
  .icon-seleted
- 中间人
  .icon-zhongjianren
- search cart
  .icon-searchcart
- 信息bar_账户
  .icon-xinxibar_zhanghu
- raw
  .icon-raw
- 一达通
  .icon-yidatong
- service
  .icon-service
- 专业权威
  .icon-zhuanyequanwei
- share
  .icon-share
- 账户操作
  .icon-zhanghucaozuo
- signboard
  .icon-signboard
- 旋转90度
  .icon-xuanzhuandu
- shuffling-banner
  .icon-shuffling-banner
- 退税融资
  .icon-tuishuirongzi
- Right button
  .icon-Rightbutton
- Add Products
  .icon-AddProducts
- sorting
  .icon-sorting
- 自营业务
  .icon-ziyingyewu
- sound-Mute
  .icon-sound-Mute
- addcell
  .icon-addcell
- category products
  .icon-Similarproducts
- background-color
  .icon-background-color
- sound-filling
  .icon-sound-filling
- cascades
  .icon-cascades
- suggest
  .icon-suggest
- beijing
  .icon-beijing
- stop
  .icon-stop
- bold
  .icon-bold
- success
  .icon-success
- 资金
  .icon-zijin
- supplier-features
  .icon-supplier-features
- eraser
  .icon-eraser
- switch
  .icon-switch
- centeralignment
  .icon-centeralignment
- survey
  .icon-survey
- click
  .icon-click
- template
  .icon-template
- asp结算
  .icon-aspjiesuan
- text
  .icon-text
- flag
  .icon-flag
- suspended
  .icon-suspended
- falg-fill
  .icon-falg-fill
- task-management
  .icon-task-management
- Fee
  .icon-Fee
- tool
  .icon-tool
- filling
  .icon-filling
- top
  .icon-Top
- Foreign currency
  .icon-Foreigncurrency
- smile
  .icon-smile
- guanliyuan
  .icon-guanliyuan
- textile-products
  .icon-textile-products
- language
  .icon-language
- trade alert
  .icon-tradealert
- leftalignment
  .icon-leftalignment
- top sales
  .icon-topsales
- extra-inquiries
  .icon-extra-inquiries
- trading volume
  .icon-tradingvolume
- Italic
  .icon-Italic
- training
  .icon-training
- pcm
  .icon-pcm
- upload
  .icon-upload
- reducecell
  .icon-reducecell
- RFQ-word
  .icon-RFQ-word
- rightalignment
  .icon-rightalignment
- view larger
  .icon-viewlarger
- pointerleft
  .icon-pointerleft
- viewgallery
  .icon-viewgallery
- subscript
  .icon-subscript
- vehivles
  .icon-vehivles
- square
  .icon-square
- trust
  .icon-trust
- superscript
  .icon-superscript
- warning
  .icon-warning
- tag-subscript
  .icon-tag-subscript
- warehouse
  .icon-warehouse
- 单据转换
  .icon-danjuzhuanhuan
- shoes
  .icon-shoes
- Transfer money
  .icon-Transfermoney
- video
  .icon-video
- under-line
  .icon-under-line
- viewlist
  .icon-viewlist
- xiakuangxian
  .icon-xiakuangxian
- set
  .icon-set
- 收起
  .icon-shouqi
- store
  .icon-store
- 展开
  .icon-zhankai
- tool-hardware
  .icon-tool-hardware
- 通讯录
  .icon-tongxunlu
- vs
  .icon-vs
- 已关注供应商
  .icon-yiguanzhugongyingshang
- toy
  .icon-toy
- 购买偏好
  .icon-goumaipianhao
- sport
  .icon-sport
- Subscribe
  .icon-Subscribe
- credit card
  .icon-creditcard
- become a gold supplier
  .icon-becomeagoldsupplier
- contacts
  .icon-contacts
- new
  .icon-new
- checkstand
  .icon-checkstand
- free
  .icon-free
- aviation
  .icon-aviation
- cad-fill
  .icon-cad-fill
- Daytime mode
  .icon-Daytimemode
- robot
  .icon-robot
- infant & mom
  .icon-infantmom
- inspection
  .icon-inspection1
- discounts
  .icon-discounts
- block
  .icon-block
- invoice
  .icon-invoice
- 收货icon
  .icon-shouhuoicon
- insurance
  .icon-insurance
- night mode
  .icon-nightmode
- user center
  .icon-usercenter
- unlock
  .icon-unlock
- vip
  .icon-vip
- wallet
  .icon-wallet
- land transportation
  .icon-landtransportation
- voice
  .icon-voice
- exchange rate
  .icon-exchangerate
- contacts-fill
  .icon-contacts-fill
- add-account
  .icon-add-account1
- 2years-fill
  .icon-years-fill
- add-cart-fill
  .icon-add-cart-fill
- add-fill
  .icon-add-fill
- all-fill
  .icon-all-fill1
- ashbin-fill
  .icon-ashbin-fill
- calendar-fill
  .icon-calendar-fill
- bad-fill
  .icon-bad-fill
- bussiness-man-fill
  .icon-bussiness-man-fill
- atm-fill
  .icon-atm-fill
- cart- full-fill
  .icon-cart-full-fill
- cart-Empty-fill
  .icon-cart-Empty-fill
- camera switching-fill
  .icon-cameraswitching-fill
- atm-away-fill
  .icon-atm-away-fill
- certified-supplier-fill
  .icon-certified-supplier-fill
- calculator-fill
  .icon-calculator-fill
- clock-fill
  .icon-clock-fill
- ali-clould-fill
  .icon-ali-clould-fill
- color-fill
  .icon-color-fill
- coupons-fill
  .icon-coupons-fill
- cecurity-protection-fill
  .icon-cecurity-protection-fill
- credit-level-fill
  .icon-credit-level-fill
- auto
  .icon-auto
- default-template-fill
  .icon-default-template-fill
- all
  .icon-all
- Currency Converter-fill
  .icon-CurrencyConverter-fill
- bussiness-man
  .icon-bussiness-man
- Customer management-fill
  .icon-Customermanagement-fill
- component
  .icon-component
- discounts-fill
  .icon-discounts-fill
- code
  .icon-code
- Daytime mode-fill
  .icon-Daytimemode-fill
- copy
  .icon-copy
- exl-fill
  .icon-exl-fill
- dollar
  .icon-dollar
- cry-fill
  .icon-cry-fill
- history
  .icon-history
- email-fill
  .icon-email-fill
- editor
  .icon-editor
- filter-fill
  .icon-filter-fill
- data
  .icon-data
- folder-fill
  .icon-folder-fill
- gift
  .icon-gift
- feeds-fill
  .icon-feeds-fill
- integral
  .icon-integral
- gold-supplie-fill
  .icon-gold-supplie-fill
- nav-list
  .icon-nav-list
- form-fill
  .icon-form-fill
- pic
  .icon-pic
- camera-fill
  .icon-camera-fill
- Not visible
  .icon-Notvisible
- good-fill
  .icon-good-fill
- play
  .icon-play
- image-text-fill
  .icon-image-text-fill
- rising
  .icon-rising
- inspection-fill
  .icon-inspection-fill
- QRcode
  .icon-QRcode
- hot-fill
  .icon-hot-fill
- rmb
  .icon-rmb
- company-fill
  .icon-company-fill
- similar-product
  .icon-similar-product
- discount-fill
  .icon-discount-fill
- export services
  .icon-Exportservices
- insurance-fill
  .icon-insurance-fill
- send inquiry
  .icon-sendinquiry
- inquiry-template-fill
  .icon-inquiry-template-fill
- all-fill
  .icon-all-fill
- left button-fill
  .icon-leftbutton-fill
- favorites-fill
  .icon-favorites-fill
- integral-fill
  .icon-integral-fill1
- integral-fill
  .icon-integral-fill
- help
  .icon-help1
- namecard-fill
  .icon-namecard-fill
- listing-content-fill
  .icon-listing-content-fill
- pic-fill
  .icon-pic-fill
- logistic-logo-fill
  .icon-logistic-logo-fill
- play-fill
  .icon-play-fill
- Money management-fill
  .icon-Moneymanagement-fill
- prompt-fill
  .icon-prompt-fill
- manage-order-fill
  .icon-manage-order-fill
- stop-fill
  .icon-stop-fill
- multi-language-fill
  .icon-multi-language-fill
- 3column
  .icon-column
- logistics-icon-fill
  .icon-logistics-icon-fill
- add-account
  .icon-add-account
- New user zone-fill
  .icon-Newuserzone-fill
- 4column
  .icon-column1
- night mode-fill
  .icon-nightmode-fill
- add
  .icon-add
- office-supplies-fill
  .icon-office-supplies-fill
- agriculture
  .icon-agriculture
- notice-fill
  .icon-notice-fill
- 2years
  .icon-years
- mute
  .icon-mute
- add-cart
  .icon-add-cart
- order-fill
  .icon-order-fill
- arrow-right
  .icon-arrow-right
- password
  .icon-password1
- arrow-left
  .icon-arrow-left
- map
  .icon-map1
- apparel
  .icon-apparel
- paylater-fill
  .icon-paylater-fill
- all
  .icon-all1
- phone-fill
  .icon-phone-fill
- arrow-up
  .icon-arrow-up
- online-tracking-fill
  .icon-online-tracking-fill
- ascending
  .icon-ascending
- play-fill
  .icon-play-fill1
- ashbin
  .icon-ashbin
- pdf-fill
  .icon-pdf-fill
- atm
  .icon-atm
- phone
  .icon-phone1
- bad
  .icon-bad
- pin-fill
  .icon-pin-fill
- attachent
  .icon-attachent
- product-fill
  .icon-product-fill
- browse
  .icon-browse
- ranking list-fill
  .icon-rankinglist-fill
- beauty
  .icon-beauty
- reduce-fill
  .icon-reduce-fill
- atm-away
  .icon-atm-away
- reeor-fill
  .icon-reeor-fill
- assessed-badge
  .icon-assessed-badge
- pic-fill
  .icon-pic-fill1
- auto
  .icon-auto1
- ranking list
  .icon-rankinglist
- bags
  .icon-bags
- product
  .icon-product1
- calendar
  .icon-calendar
- prompt-fill
  .icon-prompt-fill1
- cart- full
  .icon-cart-full
- resonse rate-fill
  .icon-resonserate-fill
- calculator
  .icon-calculator
- remind-fill
  .icon-remind-fill
- camera switching
  .icon-cameraswitching
- Right button-fill
  .icon-Rightbutton-fill
- cecurity-protection
  .icon-cecurity-protection
- RFQ-logo-fill
  .icon-RFQ-logo-fill
- category
  .icon-category
- RFQ-word-fill
  .icon-RFQ-word-fill
- close
  .icon-close
- search cart-fill
  .icon-searchcart-fill
- certified-supplier
  .icon-certified-supplier
- sales center-fill
  .icon-salescenter-fill
- cart-Empty
  .icon-cart-Empty
- save-fill
  .icon-save-fill
- code
  .icon-code1
- security-fill
  .icon-security-fill
- color
  .icon-color
- category products-fill
  .icon-Similarproducts-fill
- conditions
  .icon-conditions
- signboard-fill
  .icon-signboard-fill
- confirm
  .icon-confirm
- service-fill
  .icon-service-fill
- company
  .icon-company
- shuffling-banner-fill
  .icon-shuffling-banner-fill
- ali-clould
  .icon-ali-clould
- supplier-features-fill
  .icon-supplier-features-fill
- copy
  .icon-copy1
- store-fill
  .icon-store-fill
- credit-level
  .icon-credit-level
- smile-fill
  .icon-smile-fill
- coupons
  .icon-coupons
- success-fill
  .icon-success-fill
- connections
  .icon-connections
- sound-filling-fill
  .icon-sound-filling-fill
- cry
  .icon-cry
- sound-Mute
  .icon-sound-Mute1
- costoms-alearance
  .icon-costoms-alearance
- suspended-fill
  .icon-suspended-fill
- clock
  .icon-clock
- tool-fill
  .icon-tool-fill
- Currency Converter
  .icon-CurrencyConverter
- task-management-fill
  .icon-task-management-fill
- cut
  .icon-cut
- unlock-fill
  .icon-unlock-fill
- data
  .icon-data1
- trust-fill
  .icon-trust-fill
- Customer management
  .icon-Customermanagement
- vip-fill
  .icon-vip-fill
- descending
  .icon-descending
- set
  .icon-set1
- double-arro- right
  .icon-double-arro-right
- top-fill
  .icon-Top-fill
- customization
  .icon-customization
- view larger
  .icon-viewlarger1
- double-arrow-left
  .icon-double-arrow-left
- voice-fill
  .icon-voice-fill
- discount
  .icon-discount
- warning-fill
  .icon-warning-fill
- download
  .icon-download
- warehouse-fill
  .icon-warehouse-fill
- dollar
  .icon-dollar1
- zip-fill
  .icon-zip-fill
- default-template
  .icon-default-template
- trade-assurance-fill
  .icon-trade-assurance-fill
- editor
  .icon-editor1
- vs-fill
  .icon-vs-fill
- eletrical
  .icon-eletrical
- video
  .icon-video1
- electronics
  .icon-electronics
- template-fill
  .icon-template-fill
- etrical-equipm
  .icon-etrical-equipm
- wallet
  .icon-wallet1

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

- ellipsis
  #icon-ellipsis
- training
  #icon-training1
- email
  #icon-email
- packing-labeling-fill
  #icon-packing-labeling-fill
- falling
  #icon-falling
- export services-fill
  #icon-Exportservices-fill
- earth
  #icon-earth
- brand-fill
  #icon-brand-fill
- filter
  #icon-filter
- collection
  #icon-collection
- furniture
  #icon-furniture
- consumption-fill
  #icon-consumption-fill
- folder
  #icon-folder
- collection-fill
  #icon-collection-fill
- feeds
  #icon-feeds
- brand
  #icon-brand
- history
  #icon-history1
- rejected-order-fill
  #icon-rejected-order-fill
- hardware
  #icon-hardware
- homepage-ads-fill
  #icon-homepage-ads-fill
- help
  #icon-help
- homepage-ads
  #icon-homepage-ads
- good
  #icon-good
- scenes-fill
  #icon-scenes-fill
- Household appliances
  #icon-Householdappliances
- scenes
  #icon-scenes
- gift
  #icon-gift1
- similar-product-fill
  #icon-similar-product-fill
- form
  #icon-form
- topraning-fill
  #icon-topraning-fill
- image-text
  #icon-image-text
- consumption
  #icon-consumption
- hot
  #icon-hot
- topraning
  #icon-topraning
- inspection
  #icon-inspection
- gold-supplier
  #icon-gold-supplier
- left button
  #icon-leftbutton
- message center-fill
  #icon-messagecenter-fill
- jewelry
  #icon-jewelry
- quick
  #icon-quick
- ipad
  #icon-ipad
- writing
  #icon-writing
- left arrow
  #icon-leftarrow
- doc-fill
  #icon-docjpge-fill
- integral
  #icon-integral1
- jpge-fill
  #icon-jpge-fill
- kitchen
  #icon-kitchen
- gif-fill
  #icon-gifjpge-fill
- inquiry-template
  #icon-inquiry-template
- bmp-fill
  #icon-bmpjpge-fill
- link
  #icon-link
- tif-fill
  #icon-tifjpge-fill
- libra
  #icon-libra
- png-fill
  #icon-pngjpge-fill
- loading
  #icon-loading
- home
  #icon-Hometextile
- listing-content
  #icon-listing-content
- home
  #icon-home
- lights
  #icon-lights
- send inquiry-fill
  #icon-sendinquiry-fill
- logistics-icon
  #icon-logistics-icon
- comments-fill
  #icon-comments-fill
- message center
  #icon-messagecenter
- account-fill
  #icon-account-fill
- mobile-phone
  #icon-mobile-phone
- feed-logo-fill
  #icon-feed-logo-fill
- manage-order
  #icon-manage-order
- feed-logo
  #icon-feed-logo
- move
  #icon-move
- home-fill
  #icon-home-fill
- Money management
  #icon-Moneymanagement
- add-select
  #icon-add-select
- namecard
  #icon-namecard
- sami-select
  #icon-sami-select
- map
  #icon-map
- camera
  #icon-camera
- New user zone
  #icon-Newuserzone
- arrow-down
  #icon-arrow-down
- multi-language
  #icon-multi-language
- account
  #icon-account
- office
  #icon-office
- comments
  #icon-comments
- notice
  #icon-notice
- cart-Empty
  #icon-cart-Empty1
- on time shipment
  #icon-ontimeshipment
- favorites
  #icon-favorites
- office-supplies
  #icon-office-supplies
- order
  #icon-order
- password
  #icon-password
- search
  #icon-search
- Not visible
  #icon-Notvisible1
- trade-assurance
  #icon-trade-assurance
- operation
  #icon-operation
- user center
  #icon-usercenter1
- packaging
  #icon-packaging
- trading data
  #icon-tradingdata
- online-tracking
  #icon-online-tracking
- microphone
  #icon-microphone
- packing-labeling
  #icon-packing-labeling
- txt
  #icon-txt
- phone
  #icon-phone
- xlsx
  #icon-xlsx
- pic
  #icon-pic1
- 办证服务
  #icon-banzhengfuwu
- pin
  #icon-pin
- 仓库
  #icon-cangku
- play
  #icon-play1
- 代办财税
  #icon-daibancaishui
- logistic-logo
  #icon-logistic-logo
- 集装箱
  #icon-jizhuangxiang
- print
  #icon-print
- 角标
  #icon-jiaobiao
- product
  #icon-product
- 客户盘点
  #icon-kehupandian
- machinery
  #icon-machinery
- 动态
  #icon-dongtai
- process
  #icon-process
- 贷款
  #icon-daikuan
- prompt
  #icon-prompt
- 生意经
  #icon-shengyijing
- QRcode
  #icon-QRcode1
- 结汇
  #icon-jiehui
- reeor
  #icon-reeor
- 分层配置
  #icon-fencengpeizhi
- reduce
  #icon-reduce
- 申请记录
  #icon-shenqingjilu
- Non-staple food
  #icon-Non-staplefood
- 上传备案单证
  #icon-shangchuanbeiandanzheng
- rejected-order
  #icon-rejected-order
- 上传
  #icon-shangchuan
- resonse rate
  #icon-resonserate
- 客户权益
  #icon-kehuquanyi
- remind
  #icon-remind
- 缩小
  #icon-suoxiao
- response time
  #icon-responsetime
- 权益配置
  #icon-quanyipeizhi
- return
  #icon-return
- 双审
  #icon-shuangshen
- paylater
  #icon-paylater
- 通关
  #icon-tongguan
- rising
  #icon-rising1
- 退税
  #icon-tuishui
- Right arrow
  #icon-Rightarrow
- 通关数据
  #icon-tongguanshuju
- rmb
  #icon-rmb1
- 快递物流
  #icon-kuaidiwuliu
- RFQ-logo
  #icon-RFQ-logo
- 物流产品
  #icon-wuliuchanpin
- save
  #icon-save
- 外汇数据
  #icon-waihuishuju
- scanning
  #icon-scanning
- 信息bar_手机
  #icon-xinxibar_shouji
- security
  #icon-security
- 新外综业务
  #icon-xinwaizongyewu
- sales center
  #icon-salescenter
- 物流订单
  #icon-wuliudingdan
- seleted
  #icon-seleted
- 中间人
  #icon-zhongjianren
- search cart
  #icon-searchcart
- 信息bar_账户
  #icon-xinxibar_zhanghu
- raw
  #icon-raw
- 一达通
  #icon-yidatong
- service
  #icon-service
- 专业权威
  #icon-zhuanyequanwei
- share
  #icon-share
- 账户操作
  #icon-zhanghucaozuo
- signboard
  #icon-signboard
- 旋转90度
  #icon-xuanzhuandu
- shuffling-banner
  #icon-shuffling-banner
- 退税融资
  #icon-tuishuirongzi
- Right button
  #icon-Rightbutton
- Add Products
  #icon-AddProducts
- sorting
  #icon-sorting
- 自营业务
  #icon-ziyingyewu
- sound-Mute
  #icon-sound-Mute
- addcell
  #icon-addcell
- category products
  #icon-Similarproducts
- background-color
  #icon-background-color
- sound-filling
  #icon-sound-filling
- cascades
  #icon-cascades
- suggest
  #icon-suggest
- beijing
  #icon-beijing
- stop
  #icon-stop
- bold
  #icon-bold
- success
  #icon-success
- 资金
  #icon-zijin
- supplier-features
  #icon-supplier-features
- eraser
  #icon-eraser
- switch
  #icon-switch
- centeralignment
  #icon-centeralignment
- survey
  #icon-survey
- click
  #icon-click
- template
  #icon-template
- asp结算
  #icon-aspjiesuan
- text
  #icon-text
- flag
  #icon-flag
- suspended
  #icon-suspended
- falg-fill
  #icon-falg-fill
- task-management
  #icon-task-management
- Fee
  #icon-Fee
- tool
  #icon-tool
- filling
  #icon-filling
- top
  #icon-Top
- Foreign currency
  #icon-Foreigncurrency
- smile
  #icon-smile
- guanliyuan
  #icon-guanliyuan
- textile-products
  #icon-textile-products
- language
  #icon-language
- trade alert
  #icon-tradealert
- leftalignment
  #icon-leftalignment
- top sales
  #icon-topsales
- extra-inquiries
  #icon-extra-inquiries
- trading volume
  #icon-tradingvolume
- Italic
  #icon-Italic
- training
  #icon-training
- pcm
  #icon-pcm
- upload
  #icon-upload
- reducecell
  #icon-reducecell
- RFQ-word
  #icon-RFQ-word
- rightalignment
  #icon-rightalignment
- view larger
  #icon-viewlarger
- pointerleft
  #icon-pointerleft
- viewgallery
  #icon-viewgallery
- subscript
  #icon-subscript
- vehivles
  #icon-vehivles
- square
  #icon-square
- trust
  #icon-trust
- superscript
  #icon-superscript
- warning
  #icon-warning
- tag-subscript
  #icon-tag-subscript
- warehouse
  #icon-warehouse
- 单据转换
  #icon-danjuzhuanhuan
- shoes
  #icon-shoes
- Transfer money
  #icon-Transfermoney
- video
  #icon-video
- under-line
  #icon-under-line
- viewlist
  #icon-viewlist
- xiakuangxian
  #icon-xiakuangxian
- set
  #icon-set
- 收起
  #icon-shouqi
- store
  #icon-store
- 展开
  #icon-zhankai
- tool-hardware
  #icon-tool-hardware
- 通讯录
  #icon-tongxunlu
- vs
  #icon-vs
- 已关注供应商
  #icon-yiguanzhugongyingshang
- toy
  #icon-toy
- 购买偏好
  #icon-goumaipianhao
- sport
  #icon-sport
- Subscribe
  #icon-Subscribe
- credit card
  #icon-creditcard
- become a gold supplier
  #icon-becomeagoldsupplier
- contacts
  #icon-contacts
- new
  #icon-new
- checkstand
  #icon-checkstand
- free
  #icon-free
- aviation
  #icon-aviation
- cad-fill
  #icon-cad-fill
- Daytime mode
  #icon-Daytimemode
- robot
  #icon-robot
- infant & mom
  #icon-infantmom
- inspection
  #icon-inspection1
- discounts
  #icon-discounts
- block
  #icon-block
- invoice
  #icon-invoice
- 收货icon
  #icon-shouhuoicon
- insurance
  #icon-insurance
- night mode
  #icon-nightmode
- user center
  #icon-usercenter
- unlock
  #icon-unlock
- vip
  #icon-vip
- wallet
  #icon-wallet
- land transportation
  #icon-landtransportation
- voice
  #icon-voice
- exchange rate
  #icon-exchangerate
- contacts-fill
  #icon-contacts-fill
- add-account
  #icon-add-account1
- 2years-fill
  #icon-years-fill
- add-cart-fill
  #icon-add-cart-fill
- add-fill
  #icon-add-fill
- all-fill
  #icon-all-fill1
- ashbin-fill
  #icon-ashbin-fill
- calendar-fill
  #icon-calendar-fill
- bad-fill
  #icon-bad-fill
- bussiness-man-fill
  #icon-bussiness-man-fill
- atm-fill
  #icon-atm-fill
- cart- full-fill
  #icon-cart-full-fill
- cart-Empty-fill
  #icon-cart-Empty-fill
- camera switching-fill
  #icon-cameraswitching-fill
- atm-away-fill
  #icon-atm-away-fill
- certified-supplier-fill
  #icon-certified-supplier-fill
- calculator-fill
  #icon-calculator-fill
- clock-fill
  #icon-clock-fill
- ali-clould-fill
  #icon-ali-clould-fill
- color-fill
  #icon-color-fill
- coupons-fill
  #icon-coupons-fill
- cecurity-protection-fill
  #icon-cecurity-protection-fill
- credit-level-fill
  #icon-credit-level-fill
- auto
  #icon-auto
- default-template-fill
  #icon-default-template-fill
- all
  #icon-all
- Currency Converter-fill
  #icon-CurrencyConverter-fill
- bussiness-man
  #icon-bussiness-man
- Customer management-fill
  #icon-Customermanagement-fill
- component
  #icon-component
- discounts-fill
  #icon-discounts-fill
- code
  #icon-code
- Daytime mode-fill
  #icon-Daytimemode-fill
- copy
  #icon-copy
- exl-fill
  #icon-exl-fill
- dollar
  #icon-dollar
- cry-fill
  #icon-cry-fill
- history
  #icon-history
- email-fill
  #icon-email-fill
- editor
  #icon-editor
- filter-fill
  #icon-filter-fill
- data
  #icon-data
- folder-fill
  #icon-folder-fill
- gift
  #icon-gift
- feeds-fill
  #icon-feeds-fill
- integral
  #icon-integral
- gold-supplie-fill
  #icon-gold-supplie-fill
- nav-list
  #icon-nav-list
- form-fill
  #icon-form-fill
- pic
  #icon-pic
- camera-fill
  #icon-camera-fill
- Not visible
  #icon-Notvisible
- good-fill
  #icon-good-fill
- play
  #icon-play
- image-text-fill
  #icon-image-text-fill
- rising
  #icon-rising
- inspection-fill
  #icon-inspection-fill
- QRcode
  #icon-QRcode
- hot-fill
  #icon-hot-fill
- rmb
  #icon-rmb
- company-fill
  #icon-company-fill
- similar-product
  #icon-similar-product
- discount-fill
  #icon-discount-fill
- export services
  #icon-Exportservices
- insurance-fill
  #icon-insurance-fill
- send inquiry
  #icon-sendinquiry
- inquiry-template-fill
  #icon-inquiry-template-fill
- all-fill
  #icon-all-fill
- left button-fill
  #icon-leftbutton-fill
- favorites-fill
  #icon-favorites-fill
- integral-fill
  #icon-integral-fill1
- integral-fill
  #icon-integral-fill
- help
  #icon-help1
- namecard-fill
  #icon-namecard-fill
- listing-content-fill
  #icon-listing-content-fill
- pic-fill
  #icon-pic-fill
- logistic-logo-fill
  #icon-logistic-logo-fill
- play-fill
  #icon-play-fill
- Money management-fill
  #icon-Moneymanagement-fill
- prompt-fill
  #icon-prompt-fill
- manage-order-fill
  #icon-manage-order-fill
- stop-fill
  #icon-stop-fill
- multi-language-fill
  #icon-multi-language-fill
- 3column
  #icon-column
- logistics-icon-fill
  #icon-logistics-icon-fill
- add-account
  #icon-add-account
- New user zone-fill
  #icon-Newuserzone-fill
- 4column
  #icon-column1
- night mode-fill
  #icon-nightmode-fill
- add
  #icon-add
- office-supplies-fill
  #icon-office-supplies-fill
- agriculture
  #icon-agriculture
- notice-fill
  #icon-notice-fill
- 2years
  #icon-years
- mute
  #icon-mute
- add-cart
  #icon-add-cart
- order-fill
  #icon-order-fill
- arrow-right
  #icon-arrow-right
- password
  #icon-password1
- arrow-left
  #icon-arrow-left
- map
  #icon-map1
- apparel
  #icon-apparel
- paylater-fill
  #icon-paylater-fill
- all
  #icon-all1
- phone-fill
  #icon-phone-fill
- arrow-up
  #icon-arrow-up
- online-tracking-fill
  #icon-online-tracking-fill
- ascending
  #icon-ascending
- play-fill
  #icon-play-fill1
- ashbin
  #icon-ashbin
- pdf-fill
  #icon-pdf-fill
- atm
  #icon-atm
- phone
  #icon-phone1
- bad
  #icon-bad
- pin-fill
  #icon-pin-fill
- attachent
  #icon-attachent
- product-fill
  #icon-product-fill
- browse
  #icon-browse
- ranking list-fill
  #icon-rankinglist-fill
- beauty
  #icon-beauty
- reduce-fill
  #icon-reduce-fill
- atm-away
  #icon-atm-away
- reeor-fill
  #icon-reeor-fill
- assessed-badge
  #icon-assessed-badge
- pic-fill
  #icon-pic-fill1
- auto
  #icon-auto1
- ranking list
  #icon-rankinglist
- bags
  #icon-bags
- product
  #icon-product1
- calendar
  #icon-calendar
- prompt-fill
  #icon-prompt-fill1
- cart- full
  #icon-cart-full
- resonse rate-fill
  #icon-resonserate-fill
- calculator
  #icon-calculator
- remind-fill
  #icon-remind-fill
- camera switching
  #icon-cameraswitching
- Right button-fill
  #icon-Rightbutton-fill
- cecurity-protection
  #icon-cecurity-protection
- RFQ-logo-fill
  #icon-RFQ-logo-fill
- category
  #icon-category
- RFQ-word-fill
  #icon-RFQ-word-fill
- close
  #icon-close
- search cart-fill
  #icon-searchcart-fill
- certified-supplier
  #icon-certified-supplier
- sales center-fill
  #icon-salescenter-fill
- cart-Empty
  #icon-cart-Empty
- save-fill
  #icon-save-fill
- code
  #icon-code1
- security-fill
  #icon-security-fill
- color
  #icon-color
- category products-fill
  #icon-Similarproducts-fill
- conditions
  #icon-conditions
- signboard-fill
  #icon-signboard-fill
- confirm
  #icon-confirm
- service-fill
  #icon-service-fill
- company
  #icon-company
- shuffling-banner-fill
  #icon-shuffling-banner-fill
- ali-clould
  #icon-ali-clould
- supplier-features-fill
  #icon-supplier-features-fill
- copy
  #icon-copy1
- store-fill
  #icon-store-fill
- credit-level
  #icon-credit-level
- smile-fill
  #icon-smile-fill
- coupons
  #icon-coupons
- success-fill
  #icon-success-fill
- connections
  #icon-connections
- sound-filling-fill
  #icon-sound-filling-fill
- cry
  #icon-cry
- sound-Mute
  #icon-sound-Mute1
- costoms-alearance
  #icon-costoms-alearance
- suspended-fill
  #icon-suspended-fill
- clock
  #icon-clock
- tool-fill
  #icon-tool-fill
- Currency Converter
  #icon-CurrencyConverter
- task-management-fill
  #icon-task-management-fill
- cut
  #icon-cut
- unlock-fill
  #icon-unlock-fill
- data
  #icon-data1
- trust-fill
  #icon-trust-fill
- Customer management
  #icon-Customermanagement
- vip-fill
  #icon-vip-fill
- descending
  #icon-descending
- set
  #icon-set1
- double-arro- right
  #icon-double-arro-right
- top-fill
  #icon-Top-fill
- customization
  #icon-customization
- view larger
  #icon-viewlarger1
- double-arrow-left
  #icon-double-arrow-left
- voice-fill
  #icon-voice-fill
- discount
  #icon-discount
- warning-fill
  #icon-warning-fill
- download
  #icon-download
- warehouse-fill
  #icon-warehouse-fill
- dollar
  #icon-dollar1
- zip-fill
  #icon-zip-fill
- default-template
  #icon-default-template
- trade-assurance-fill
  #icon-trade-assurance-fill
- editor
  #icon-editor1
- vs-fill
  #icon-vs-fill
- eletrical
  #icon-eletrical
- video
  #icon-video1
- electronics
  #icon-electronics
- template-fill
  #icon-template-fill
- etrical-equipm
  #icon-etrical-equipm
- wallet
  #icon-wallet1

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