# IconFont 图标

- phone
  #icon-phone
- phone
  #icon-phone1
- password
  #icon-password
- computer
  #icon-computer
- similar-product
  #icon-similarproduct
- add
  #icon-add
- qq
  #icon-tubiao215
- laptop-phone
  #icon-laptopphone
- store
  #icon-store1
- icon6
  #icon-icon6
- cc-arrow-left
  #icon-cc-arrow-left
- cc-card
  #icon-cc-card
- earth2
  #icon-earth2
- gift2
  #icon-gift2
- hk_right
  #icon-hkright
- 14.shopcar
  #icon-14shopcar
- phone_handle
  #icon-phonehandle
- telephone
  #icon-telephone
- question
  #icon-question
- DataArchive
  #icon-dataarchive
- check-triangle
  #icon-checktriangle
- 云存储
  #icon-yuncunchu
- data06
  #icon-data06
- 上_upper7
  #icon-shangupper7
- LC_icon_user_fill_2
  #icon-LC_icon_user_fill_2
- money
  #icon-i-money
- book-multiple
  #icon-bookmultiple
- google-earth
  #icon-googleearth
- key
  #icon-key
- square-inc
  #icon-squareinc
- triangle
  #icon-triangle
- shop_car
  #icon-shop_car
- star
  #icon-32
- arrow-left
  #icon-previewleft
- wechat
  #icon-wechat
- triangle-play
  #icon-triangle-play
- Right arrow
  #icon-1201youjiantou
- lock
  #icon-lock
- X
  #icon-x
- phone6-电话
  #icon-phone6dianhua
- Mail_message
  #icon-mailmessage
- customer service
  #icon-customerservice
- ic_left - circle - o
  #icon-icleftcircleo
- ic_double - left
  #icon-icdoubleleft
- arrows down
  #icon-arrowsdown
- Service
  #icon-service
- buy-ecs-storage
  #icon-buyecsstorage
- name
  #icon-name
- reduce
  #icon-reduce
- iconfont-icon-suggest
  #icon-iconfonticonsuggest
- date
  #icon-icondate01
- home
  #icon-home
- set
  #icon-set
- text
  #icon-text
- search
  #icon-search
- Iconfont_persons
  #icon-Iconfont_persons
- icon_package
  #icon-wenjianbao
- triangle-down
  #icon-triangle-down
- triangle-up
  #icon-triangle-up
- write
  #icon-write
- net
  #icon-net
- position
  #icon-position
- up
  #icon-up
- mobile-link-computer
  #icon-mobile-link-computer
- code
  #icon-code
- google-circles
  #icon-google-circles
- ic_cloud_circle
  #icon-ic_cloud_circle
- qqtb
  #icon-qqtb
- shield 1
  #icon-shield
- store
  #icon-store
- icon_signal
  #icon-icon_signal
- arrows_squares
  #icon-arrows_squares
- star
  #icon-star
- 19 list
  #icon-list
- finance
  #icon-m_finance
- ask
  #icon-ask
- menu_learn
  #icon-menu_learn
- order
  #icon-order
- ic_double - left
  #icon-icdoubleleft-copy

## symbol引用

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：

- 支持多色图标了，不再受单色限制。
- 通过一些技巧，支持像字体那样，通过`font-size`,`color`来调整样式。
- 兼容性较差，支持 ie9+,及现代浏览器。
- 浏览器渲染svg的性能一般，还不如png。

使用步骤如下：

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

    <script src="./iconfont.js"></script>

### 第二步：加入通用css代码（引入一次就行）：

    <style type="text/css">
    .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>