# 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

## font-class引用

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

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

- 兼容性良好，支持ie8+，及所有现代浏览器。
- 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
- 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
- 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

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

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

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

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

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