#

- 
  b-indicator
  &#xe7a8;
- 
  search
  &#xe628;
- 
  pin
  &#xe67f;
- 
  indicate1
  &#xe73b;
- 
  indicate2
  &#xe73c;
- 
  indicate3
  &#xe73d;
- 
  4dage_cn
  &#xe739;
- 
  4dage_en
  &#xe73a;
- 
  mode_vr
  &#xe72c;
- 
  measure_b
  &#xe732;
- 
  sreen_c
  &#xe733;
- 
  scaleplate_b
  &#xe734;
- 
  menu_m
  &#xe735;
- 
  sreen_o
  &#xe736;
- 
  music_s
  &#xe737;
- 
  photograph_b
  &#xe738;
- 
  show_3d_s
  &#xe72b;
- 
  show_plane_n
  &#xe72d;
- 
  show_3d_n
  &#xe72e;
- 
  show_plane_s
  &#xe72f;
- 
  show_roaming_s
  &#xe730;
- 
  show_roaming_n
  &#xe731;
- 
  stand
  &#xe729;
- 
  swsd__cn
  &#xe728;
- 
  swsd__en
  &#xe72a;
- 
  b_pic
  &#xe723;
- 
  b_music
  &#xe724;
- 
  b_text
  &#xe725;
- 
  b_video
  &#xe726;
- 
  b_internet
  &#xe727;
- 
  frame-s
  &#xe722;
- 
  frame-b
  &#xe71e;
- 
  frame-w
  &#xe71f;
- 
  frame-d
  &#xe720;
- 
  without
  &#xe71d;
- 
  copy
  &#xe675;
- 
  scaleplate
  &#xe71c;
- 
  location
  &#xe71b;
- 
  nav-edit
  &#xe64d;
- 
  share
  &#xe719;
- 
  logo-4dage
  &#xe71a;
- 
  del-s
  &#xe716;
- 
  photograph
  &#xe718;
- 
  assist
  &#xe715;
- 
  data_revise_n
  &#xe6e4;
- 
  close_r
  &#xe714;
- 
  Bathtub
  &#xe6f9;
- 
  BedsideCupboard
  &#xe6fb;
- 
  BalconyChair
  &#xe6fc;
- 
  Cupboard
  &#xe6fd;
- 
  Desk
  &#xe6fe;
- 
  Closestool
  &#xe702;
- 
  CombinationSofa
  &#xe703;
- 
  DiningTable
  &#xe704;
- 
  Elevator
  &#xe705;
- 
  Dresser
  &#xe706;
- 
  DoubleBed
  &#xe707;
- 
  Carpet
  &#xe708;
- 
  GasStove
  &#xe709;
- 
  TV
  &#xe70a;
- 
  SingleBed
  &#xe70b;
- 
  SingleSofa
  &#xe70c;
- 
  Wardrobe
  &#xe70d;
- 
  Washstand
  &#xe70e;
- 
  Pillow
  &#xe70f;
- 
  TeaTable
  &#xe710;
- 
  Plant
  &#xe711;
- 
  info_agent
  &#xe6e3;
- 
  scene_lecture
  &#xe6dd;
- 
  撤销
  &#xe650;
- 
  tagging
  &#xe6c6;
- 
  maps_enlarge
  &#xe6d1;
- 
  rinfo_address
  &#xe6c9;
- 
  rinfo_avprice
  &#xe6cd;
- 
  rinfo_orientation
  &#xe6ce;
- 
  rinfo_developers
  &#xe6d6;
- 
  rinfo_newest
  &#xe6d8;
- 
  rinfo_earliest
  &#xe6d9;
- 
  rinfo_layout
  &#xe6da;
- 
  rinfo_price
  &#xe6db;
- 
  rinfo_area
  &#xe6dc;
- 
  rinfo_agelimit
  &#xe6e1;
- 
  暂停
  &#xe662;
- 
  rinfo_play
  &#xe6cc;
- 
  scene_call
  &#xe6df;
- 
  scene_rule_normal
  &#xe6e0;
- 
  scene_rule_close
  &#xe6e2;
- 
  scene_tags_close
  &#xe6f5;
- 
  scene_tags_normal
  &#xe6f6;
- 
  scene_vrlecture
  &#xe6f7;
- 
  scene_vrmode
  &#xe6f8;
- 
  scene_tool
  &#xe700;
- 
  scene_tool_active
  &#xe701;
- 
  a_position
  &#xe6f4;
- 
  a-scale
  &#xe6f3;
- 
  model-s
  &#xe6f0;
- 
  video-s
  &#xe6f1;
- 
  chartlet-s
  &#xe6f2;
- 
  filter2
  &#xe6ef;
- 
  monitor-e
  &#xe6ee;
- 
  monitor-b
  &#xe6ed;
- 
  monitor-s
  &#xe6ec;
- 
  monitoring
  &#xe6eb;
- 
  b-label
  &#xe6e8;
- 
  b-Monitor
  &#xe6e9;
- 
  b-scene
  &#xe6ea;
- 
  adjust
  &#xe6e7;
- 
  filter
  &#xe6e6;
- 
  minimap
  &#xe6de;
- 
  show_share
  &#xe690;
- 
  show_more_ruler
  &#xe67b;
- 
  transparency
  &#xe6d7;
- 
  mosaic_e
  &#xe6d2;
- 
  eraser
  &#xe6d3;
- 
  video
  &#xe6d4;
- 
  down
  &#xe6d5;
- 
  清空
  &#xe68f;
- 
  QQ
  &#xe64b;
- 
  朋友
  &#xe64c;
- 
  link
  &#xe6ff;
- 
  icon_share_facebook
  &#xe745;
- 
  icon_share_whatsapp
  &#xe746;
- 
  微信
  &#xe64a;
- 
  watermark
  &#xe6cb;
- 
  camera_h
  &#xe6c7;
- 
  1V1
  &#xe6c8;
- 
  横标EN
  &#xe6b9;
- 
  hot_spot
  &#xe6b8;
- 
  foot
  &#xe6ba;
- 
  music-t
  &#xe6b7;
- 
  yes
  &#xe6b5;
- 
  no
  &#xe6b6;
- 
  floor_rename
  &#xe75b;
- 
  play_stop
  &#xe6b4;
- 
  scene_auto
  &#xe721;
- 
  compass
  &#xe6b3;
- 
  h-d
  &#xe6b2;
- 
  scene_screen
  &#xe717;
- 
  scene_full
  &#xe712;
- 
  scene_window
  &#xe713;
- 
  返回
  &#xe609;
- 
  show_back
  &#xe678;
- 
  show_more_share
  &#xe680;
- 
  show_more_finish
  &#xe67a;
- 
  show_more_music
  &#xe67c;
- 
  show_map_collect
  &#xe679;
- 
  data-j
  &#xe6b1;
- 
  cancel
  &#xe688;
- 
  affirm
  &#xe689;
- 
  checkbox_p
  &#xe6b0;
- 
  left
  &#xe6ae;
- 
  right
  &#xe6af;
- 
  loading
  &#xe627;
- 
  show_function_collect
  &#xe687;
- 
  show_more
  &#xe67e;
- 
  d-r
  &#xe68d;
- 
  up-a
  &#xe68e;
- 
  edit_mirror
  &#xe6fa;
- 
  neiqiang
  &#xe698;
- 
  waiqiang
  &#xe69a;
- 
  shuangkaimen
  &#xe69b;
- 
  zimumen
  &#xe69c;
- 
  men
  &#xe69d;
- 
  yimen
  &#xe69e;
- 
  zhediemen
  &#xe69f;
- 
  luodichuang
  &#xe6a0;
- 
  chuang
  &#xe6a1;
- 
  piaochuang
  &#xe6a2;
- 
  uxingchuang
  &#xe6a4;
- 
  lxingchuang
  &#xe6a5;
- 
  lpiaochuang
  &#xe6a6;
- 
  upiaochuang
  &#xe6a7;
- 
  liang
  &#xe6a8;
- 
  yandao
  &#xe6a9;
- 
  zhuzi
  &#xe6aa;
- 
  dianti
  &#xe6ab;
- 
  loudao
  &#xe6ac;
- 
  dange
  &#xe6ad;
- 
  yakou
  &#xe699;
- 
  more read
  &#xe600;
- 
  mosaic
  &#xe697;
- 
  横标CN
  &#xe6a3;
- 
  nor
  &#xe696;
- 
  checkbox
  &#xe65d;
- 
  rotate
  &#xe695;
- 
  adapt
  &#xe692;
- 
  recover
  &#xe693;
- 
  repeal
  &#xe694;
- 
  reset
  &#xe65a;
- 
  course
  &#xe68c;
- 
  publish
  &#xe68a;
- 
  save
  &#xe68b;
- 
  sel
  &#xe649;
- 
  mosaic
  &#xe646;
- 
  media
  &#xe647;
- 
  pic
  &#xe648;
- 
  eye_f
  &#xe644;
- 
  eye_c
  &#xe645;
- 
  size-o
  &#xe640;
- 
  size-f
  &#xe641;
- 
  magnify
  &#xe642;
- 
  reduce
  &#xe643;
- 
  video
  &#xe63b;
- 
  uploading_s
  &#xe63c;
- 
  path
  &#xe63d;
- 
  record
  &#xe63e;
- 
  clear
  &#xe63f;
- 
  pause
  &#xe636;
- 
  preview
  &#xe63a;
- 
  full
  &#xe638;
- 
  add
  &#xe631;
- 
  del
  &#xe632;
- 
  close
  &#xe633;
- 
  web
  &#xe635;
- 
  music
  &#xe637;
- 
  uploading
  &#xe639;
- 
  state_e
  &#xe624;
- 
  state_f
  &#xe625;
- 
  state_s
  &#xe626;
- 
  vip_uploading
  &#xe623;
- 
  eye-n
  &#xe621;
- 
  eye-s
  &#xe622;
- 
  course
  &#xe620;
- 
  edit
  &#xe61f;
- 
  help
  &#xe615;
- 
  rule
  &#xe617;
- 
  link
  &#xe618;
- 
  uploading
  &#xe619;
- 
  vr
  &#xe61a;
- 
  complete
  &#xe61b;
- 
  download
  &#xe61c;
- 
  pull-down
  &#xe61d;
- 
  pull-up
  &#xe61e;
- 
  updown
  &#xe613;
- 
  scene
  &#xe614;
- 
  message
  &#xe60c;
- 
  basic
  &#xe60d;
- 
  hotspot
  &#xe60e;
- 
  guide
  &#xe60f;
- 
  wander
  &#xe610;
- 
  house
  &#xe611;
- 
  video
  &#xe612;
- 
  show_3d_normal
  &#xe677;
- 
  show_plane_normal
  &#xe67d;
- 
  show_roaming_selected
  &#xe682;
- 
  show_plane_selected
  &#xe684;
- 
  show_3d_selected
  &#xe685;
- 
  show_roaming_normal
  &#xe686;

## Unicode 引用

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

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

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

Unicode 使用步骤如下：

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

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

- b-indicator
  .icon-b-indicator
- search
  .icon-search
- pin
  .icon-pin
- indicate1
  .icon-indicate1
- indicate2
  .icon-indicate2
- indicate3
  .icon-indicate3
- 4dage_cn
  .icon-a-4dage_cn
- 4dage_en
  .icon-a-4dage_en
- mode_vr
  .icon-mode_vr
- measure_b
  .icon-measure_b
- sreen_c
  .icon-sreen_c
- scaleplate_b
  .icon-scaleplate_b
- menu_m
  .icon-menu_m
- sreen_o
  .icon-sreen_o
- music_s
  .icon-music_s
- photograph_b
  .icon-photograph_b
- show_3d_s
  .icon-show_3d_s
- show_plane_n
  .icon-show_plane_n
- show_3d_n
  .icon-show_3d_n
- show_plane_s
  .icon-show_plane_s
- show_roaming_s
  .icon-show_roaming_s
- show_roaming_n
  .icon-show_roaming_n
- stand
  .icon-stand
- swsd__cn
  .icon-swsd__cn
- swsd__en
  .icon-swsd__en
- b_pic
  .icon-b_pic
- b_music
  .icon-b_music
- b_text
  .icon-b_text
- b_video
  .icon-b_video
- b_internet
  .icon-b_internet
- frame-s
  .icon-frame-s
- frame-b
  .icon-frame-b
- frame-w
  .icon-frame-w
- frame-d
  .icon-frame-d
- without
  .icon-without
- copy
  .icon-copy
- scaleplate
  .icon-scaleplate
- location
  .icon-location
- nav-edit
  .icon-nav-edit
- share
  .icon-share
- logo-4dage
  .icon-logo-4dage
- del-s
  .icon-del-s
- photograph
  .icon-photograph
- assist
  .icon-assist
- data_revise_n
  .icon-data_revise_n
- close_r
  .icon-close_r
- Bathtub
  .icon-Bathtub
- BedsideCupboard
  .icon-BedsideCupboard
- BalconyChair
  .icon-BalconyChair
- Cupboard
  .icon-Cupboard
- Desk
  .icon-Desk
- Closestool
  .icon-Closestool
- CombinationSofa
  .icon-CombinationSofa
- DiningTable
  .icon-DiningTable
- Elevator
  .icon-Elevator
- Dresser
  .icon-Dresser
- DoubleBed
  .icon-DoubleBed
- Carpet
  .icon-Carpet
- GasStove
  .icon-GasStove
- TV
  .icon-TV
- SingleBed
  .icon-SingleBed
- SingleSofa
  .icon-SingleSofa
- Wardrobe
  .icon-Wardrobe
- Washstand
  .icon-Washstand
- Pillow
  .icon-Pillow
- TeaTable
  .icon-TeaTable
- Plant
  .icon-Plant
- info_agent
  .icon-info_agent
- scene_lecture
  .icon-scene_lecture
- 撤销
  .icon-_cancel
- tagging
  .icon-tagging
- maps_enlarge
  .icon-maps_enlarge
- rinfo_address
  .icon-rinfo_address
- rinfo_avprice
  .icon-rinfo_avprice
- rinfo_orientation
  .icon-rinfo_orientation
- rinfo_developers
  .icon-rinfo_developers
- rinfo_newest
  .icon-rinfo_newest
- rinfo_earliest
  .icon-rinfo_earliest
- rinfo_layout
  .icon-rinfo_layout
- rinfo_price
  .icon-rinfo_price
- rinfo_area
  .icon-rinfo_area
- rinfo_agelimit
  .icon-rinfo_agelimit
- 暂停
  .icon-CombinedShape
- rinfo_play
  .icon-rinfo_play
- scene_call
  .icon-scene_call
- scene_rule_normal
  .icon-scene_rule_normal
- scene_rule_close
  .icon-scene_rule_close
- scene_tags_close
  .icon-scene_tags_close
- scene_tags_normal
  .icon-scene_tags_normal
- scene_vrlecture
  .icon-scene_vrlecture
- scene_vrmode
  .icon-scene_vrmode
- scene_tool
  .icon-scene_tool
- scene_tool_active
  .icon-scene_tool_active
- a_position
  .icon-a_position
- a-scale
  .icon-a-scale
- model-s
  .icon-model-s
- video-s
  .icon-video-s
- chartlet-s
  .icon-chartlet-s
- filter2
  .icon-filter1
- monitor-e
  .icon-monitor-e
- monitor-b
  .icon-monitor-b
- monitor-s
  .icon-monitor-s
- monitoring
  .icon-monitoring
- b-label
  .icon-b-label
- b-Monitor
  .icon-b-Monitor
- b-scene
  .icon-b-scene
- adjust
  .icon-adjust
- filter
  .icon-filter
- minimap
  .icon-minimap
- show_share
  .icon-show_share
- show_more_ruler
  .icon-show_more_ruler
- transparency
  .icon-transparency
- mosaic_e
  .icon-mosaic_e
- eraser
  .icon-eraser
- video
  .icon-video2
- down
  .icon-down
- 清空
  .icon-qingkong-copy-copy
- QQ
  .icon-_qq
- 朋友
  .icon-_friend
- link
  .icon-link1
- icon_share_facebook
  .icon-icon_share_facebook
- icon_share_whatsapp
  .icon-icon_share_whatsapp
- 微信
  .icon-_wechat
- watermark
  .icon-watermark
- camera_h
  .icon-camera_h
- 1V1
  .icon-a-1V1
- 横标EN
  .icon-hengbiaoEN
- hot_spot
  .icon-hot_spot
- foot
  .icon-foot
- music-t
  .icon-music-t
- yes
  .icon-yes
- no
  .icon-no
- floor_rename
  .icon-floor_rename
- play_stop
  .icon-play_stop
- scene_auto
  .icon-scene_auto
- compass
  .icon-compass
- h-d
  .icon-h-d
- scene_screen
  .icon-scene_screen
- scene_full
  .icon-scene_full
- scene_window
  .icon-scene_window
- 返回
  .icon-_back
- show_back
  .icon-show_back
- show_more_share
  .icon-show_more_share
- show_more_finish
  .icon-show_more_finish
- show_more_music
  .icon-show_more_music
- show_map_collect
  .icon-show_map_collect
- data-j
  .icon-data-j
- cancel
  .icon-cancel
- affirm
  .icon-affirm
- checkbox_p
  .icon-checkbox_p
- left
  .icon-left
- right
  .icon-right
- loading
  .icon-_loading_
- show_function_collect
  .icon-show_function_collect
- show_more
  .icon-show_more
- d-r
  .icon-d-r
- up-a
  .icon-up-a
- edit_mirror
  .icon-fanzhuan
- neiqiang
  .icon-cad-neiqiang
- waiqiang
  .icon-cad-waiqiang
- shuangkaimen
  .icon-cad-shuangkaimen
- zimumen
  .icon-cad-zimumen
- men
  .icon-cad-men
- yimen
  .icon-cad-yimen
- zhediemen
  .icon-cad-zhediemen
- luodichuang
  .icon-cad-luodichuang
- chuang
  .icon-cad-chuang
- piaochuang
  .icon-cad-piaochuang
- uxingchuang
  .icon-cad-uxingchuang
- lxingchuang
  .icon-cad-lxingchuang
- lpiaochuang
  .icon-cad-lpiaochuang
- upiaochuang
  .icon-cad-upiaochuang
- liang
  .icon-cad-liang
- yandao
  .icon-cad-yandao
- zhuzi
  .icon-cad-zhuzi
- dianti
  .icon-cad-dianti
- loudao
  .icon-cad-loudao
- dange
  .icon-cad-dange
- yakou
  .icon-cad-yakou
- more read
  .icon-more
- mosaic
  .icon-mosaic1
- 横标CN
  .icon-hengbiaoCN
- nor
  .icon-nor
- checkbox
  .icon-checkbox1
- rotate
  .icon-rotate
- adapt
  .icon-adapt
- recover
  .icon-recover
- repeal
  .icon-repeal
- reset
  .icon-reset
- course
  .icon-course1
- publish
  .icon-publish
- save
  .icon-save
- sel
  .icon-checkbox
- mosaic
  .icon-mosaic
- media
  .icon-media
- pic
  .icon-pic
- eye_f
  .icon-eye_f
- eye_c
  .icon-eye_c
- size-o
  .icon-size-o
- size-f
  .icon-size-f
- magnify
  .icon-magnify
- reduce
  .icon-reduce
- video
  .icon-video1
- uploading_s
  .icon-uploading_s
- path
  .icon-path
- record
  .icon-record
- clear
  .icon-clear
- pause
  .icon-pause
- preview
  .icon-preview
- full
  .icon-full
- add
  .icon-add
- del
  .icon-del
- close
  .icon-close
- web
  .icon-web
- music
  .icon-music
- uploading
  .icon-uploading1
- state_e
  .icon-state_e
- state_f
  .icon-state_f
- state_s
  .icon-state_s
- vip_uploading
  .icon-vip_uploading
- eye-n
  .icon-eye-n
- eye-s
  .icon-eye-s
- course
  .icon-course
- edit
  .icon-edit
- help
  .icon-help
- rule
  .icon-rule
- link
  .icon-link
- uploading
  .icon-uploading
- vr
  .icon-vr
- complete
  .icon-complete
- download
  .icon-download
- pull-down
  .icon-pull-down
- pull-up
  .icon-pull-up
- updown
  .icon-updown
- scene
  .icon-scene
- message
  .icon-message
- basic
  .icon-basic
- hotspot
  .icon-hotspot
- guide
  .icon-guide
- wander
  .icon-wander
- house
  .icon-house
- video
  .icon-video
- show_3d_normal
  .icon-show_3d_normal
- show_plane_normal
  .icon-show_plane_normal
- show_roaming_selected
  .icon-show_roaming_selected
- show_plane_selected
  .icon-show_plane_selected
- show_3d_selected
  .icon-show_3d_selected
- show_roaming_normal
  .icon-show_roaming_normal

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

- b-indicator
  #icon-b-indicator
- search
  #icon-search
- pin
  #icon-pin
- indicate1
  #icon-indicate1
- indicate2
  #icon-indicate2
- indicate3
  #icon-indicate3
- 4dage_cn
  #icon-a-4dage_cn
- 4dage_en
  #icon-a-4dage_en
- mode_vr
  #icon-mode_vr
- measure_b
  #icon-measure_b
- sreen_c
  #icon-sreen_c
- scaleplate_b
  #icon-scaleplate_b
- menu_m
  #icon-menu_m
- sreen_o
  #icon-sreen_o
- music_s
  #icon-music_s
- photograph_b
  #icon-photograph_b
- show_3d_s
  #icon-show_3d_s
- show_plane_n
  #icon-show_plane_n
- show_3d_n
  #icon-show_3d_n
- show_plane_s
  #icon-show_plane_s
- show_roaming_s
  #icon-show_roaming_s
- show_roaming_n
  #icon-show_roaming_n
- stand
  #icon-stand
- swsd__cn
  #icon-swsd__cn
- swsd__en
  #icon-swsd__en
- b_pic
  #icon-b_pic
- b_music
  #icon-b_music
- b_text
  #icon-b_text
- b_video
  #icon-b_video
- b_internet
  #icon-b_internet
- frame-s
  #icon-frame-s
- frame-b
  #icon-frame-b
- frame-w
  #icon-frame-w
- frame-d
  #icon-frame-d
- without
  #icon-without
- copy
  #icon-copy
- scaleplate
  #icon-scaleplate
- location
  #icon-location
- nav-edit
  #icon-nav-edit
- share
  #icon-share
- logo-4dage
  #icon-logo-4dage
- del-s
  #icon-del-s
- photograph
  #icon-photograph
- assist
  #icon-assist
- data_revise_n
  #icon-data_revise_n
- close_r
  #icon-close_r
- Bathtub
  #icon-Bathtub
- BedsideCupboard
  #icon-BedsideCupboard
- BalconyChair
  #icon-BalconyChair
- Cupboard
  #icon-Cupboard
- Desk
  #icon-Desk
- Closestool
  #icon-Closestool
- CombinationSofa
  #icon-CombinationSofa
- DiningTable
  #icon-DiningTable
- Elevator
  #icon-Elevator
- Dresser
  #icon-Dresser
- DoubleBed
  #icon-DoubleBed
- Carpet
  #icon-Carpet
- GasStove
  #icon-GasStove
- TV
  #icon-TV
- SingleBed
  #icon-SingleBed
- SingleSofa
  #icon-SingleSofa
- Wardrobe
  #icon-Wardrobe
- Washstand
  #icon-Washstand
- Pillow
  #icon-Pillow
- TeaTable
  #icon-TeaTable
- Plant
  #icon-Plant
- info_agent
  #icon-info_agent
- scene_lecture
  #icon-scene_lecture
- 撤销
  #icon-_cancel
- tagging
  #icon-tagging
- maps_enlarge
  #icon-maps_enlarge
- rinfo_address
  #icon-rinfo_address
- rinfo_avprice
  #icon-rinfo_avprice
- rinfo_orientation
  #icon-rinfo_orientation
- rinfo_developers
  #icon-rinfo_developers
- rinfo_newest
  #icon-rinfo_newest
- rinfo_earliest
  #icon-rinfo_earliest
- rinfo_layout
  #icon-rinfo_layout
- rinfo_price
  #icon-rinfo_price
- rinfo_area
  #icon-rinfo_area
- rinfo_agelimit
  #icon-rinfo_agelimit
- 暂停
  #icon-CombinedShape
- rinfo_play
  #icon-rinfo_play
- scene_call
  #icon-scene_call
- scene_rule_normal
  #icon-scene_rule_normal
- scene_rule_close
  #icon-scene_rule_close
- scene_tags_close
  #icon-scene_tags_close
- scene_tags_normal
  #icon-scene_tags_normal
- scene_vrlecture
  #icon-scene_vrlecture
- scene_vrmode
  #icon-scene_vrmode
- scene_tool
  #icon-scene_tool
- scene_tool_active
  #icon-scene_tool_active
- a_position
  #icon-a_position
- a-scale
  #icon-a-scale
- model-s
  #icon-model-s
- video-s
  #icon-video-s
- chartlet-s
  #icon-chartlet-s
- filter2
  #icon-filter1
- monitor-e
  #icon-monitor-e
- monitor-b
  #icon-monitor-b
- monitor-s
  #icon-monitor-s
- monitoring
  #icon-monitoring
- b-label
  #icon-b-label
- b-Monitor
  #icon-b-Monitor
- b-scene
  #icon-b-scene
- adjust
  #icon-adjust
- filter
  #icon-filter
- minimap
  #icon-minimap
- show_share
  #icon-show_share
- show_more_ruler
  #icon-show_more_ruler
- transparency
  #icon-transparency
- mosaic_e
  #icon-mosaic_e
- eraser
  #icon-eraser
- video
  #icon-video2
- down
  #icon-down
- 清空
  #icon-qingkong-copy-copy
- QQ
  #icon-_qq
- 朋友
  #icon-_friend
- link
  #icon-link1
- icon_share_facebook
  #icon-icon_share_facebook
- icon_share_whatsapp
  #icon-icon_share_whatsapp
- 微信
  #icon-_wechat
- watermark
  #icon-watermark
- camera_h
  #icon-camera_h
- 1V1
  #icon-a-1V1
- 横标EN
  #icon-hengbiaoEN
- hot_spot
  #icon-hot_spot
- foot
  #icon-foot
- music-t
  #icon-music-t
- yes
  #icon-yes
- no
  #icon-no
- floor_rename
  #icon-floor_rename
- play_stop
  #icon-play_stop
- scene_auto
  #icon-scene_auto
- compass
  #icon-compass
- h-d
  #icon-h-d
- scene_screen
  #icon-scene_screen
- scene_full
  #icon-scene_full
- scene_window
  #icon-scene_window
- 返回
  #icon-_back
- show_back
  #icon-show_back
- show_more_share
  #icon-show_more_share
- show_more_finish
  #icon-show_more_finish
- show_more_music
  #icon-show_more_music
- show_map_collect
  #icon-show_map_collect
- data-j
  #icon-data-j
- cancel
  #icon-cancel
- affirm
  #icon-affirm
- checkbox_p
  #icon-checkbox_p
- left
  #icon-left
- right
  #icon-right
- loading
  #icon-_loading_
- show_function_collect
  #icon-show_function_collect
- show_more
  #icon-show_more
- d-r
  #icon-d-r
- up-a
  #icon-up-a
- edit_mirror
  #icon-fanzhuan
- neiqiang
  #icon-cad-neiqiang
- waiqiang
  #icon-cad-waiqiang
- shuangkaimen
  #icon-cad-shuangkaimen
- zimumen
  #icon-cad-zimumen
- men
  #icon-cad-men
- yimen
  #icon-cad-yimen
- zhediemen
  #icon-cad-zhediemen
- luodichuang
  #icon-cad-luodichuang
- chuang
  #icon-cad-chuang
- piaochuang
  #icon-cad-piaochuang
- uxingchuang
  #icon-cad-uxingchuang
- lxingchuang
  #icon-cad-lxingchuang
- lpiaochuang
  #icon-cad-lpiaochuang
- upiaochuang
  #icon-cad-upiaochuang
- liang
  #icon-cad-liang
- yandao
  #icon-cad-yandao
- zhuzi
  #icon-cad-zhuzi
- dianti
  #icon-cad-dianti
- loudao
  #icon-cad-loudao
- dange
  #icon-cad-dange
- yakou
  #icon-cad-yakou
- more read
  #icon-more
- mosaic
  #icon-mosaic1
- 横标CN
  #icon-hengbiaoCN
- nor
  #icon-nor
- checkbox
  #icon-checkbox1
- rotate
  #icon-rotate
- adapt
  #icon-adapt
- recover
  #icon-recover
- repeal
  #icon-repeal
- reset
  #icon-reset
- course
  #icon-course1
- publish
  #icon-publish
- save
  #icon-save
- sel
  #icon-checkbox
- mosaic
  #icon-mosaic
- media
  #icon-media
- pic
  #icon-pic
- eye_f
  #icon-eye_f
- eye_c
  #icon-eye_c
- size-o
  #icon-size-o
- size-f
  #icon-size-f
- magnify
  #icon-magnify
- reduce
  #icon-reduce
- video
  #icon-video1
- uploading_s
  #icon-uploading_s
- path
  #icon-path
- record
  #icon-record
- clear
  #icon-clear
- pause
  #icon-pause
- preview
  #icon-preview
- full
  #icon-full
- add
  #icon-add
- del
  #icon-del
- close
  #icon-close
- web
  #icon-web
- music
  #icon-music
- uploading
  #icon-uploading1
- state_e
  #icon-state_e
- state_f
  #icon-state_f
- state_s
  #icon-state_s
- vip_uploading
  #icon-vip_uploading
- eye-n
  #icon-eye-n
- eye-s
  #icon-eye-s
- course
  #icon-course
- edit
  #icon-edit
- help
  #icon-help
- rule
  #icon-rule
- link
  #icon-link
- uploading
  #icon-uploading
- vr
  #icon-vr
- complete
  #icon-complete
- download
  #icon-download
- pull-down
  #icon-pull-down
- pull-up
  #icon-pull-up
- updown
  #icon-updown
- scene
  #icon-scene
- message
  #icon-message
- basic
  #icon-basic
- hotspot
  #icon-hotspot
- guide
  #icon-guide
- wander
  #icon-wander
- house
  #icon-house
- video
  #icon-video
- show_3d_normal
  #icon-show_3d_normal
- show_plane_normal
  #icon-show_plane_normal
- show_roaming_selected
  #icon-show_roaming_selected
- show_plane_selected
  #icon-show_plane_selected
- show_3d_selected
  #icon-show_3d_selected
- show_roaming_normal
  #icon-show_roaming_normal

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