#

- 链接
  #docs-link
- 编辑
  #docs-edit
- 二维码
  #docs-qrcode
- 设置
  #docs-set
- 设置
  #docs-set-fill
- 帮助反馈
  #docs-callback-fill
- 切换
  #docs-switch
- favorites-fill
  #docs-favorites-fill
- costoms-alearance
  #docs-costoms-alearance
- hot
  #docs-hot
- resonse rate
  #docs-resonserate
- hot-fill
  #docs-hot-fill
- resonse rate-fill
  #docs-resonserate-fill
- collection
  #docs-collection
- collection-fill
  #docs-collection-fill
- 置顶
  #docs-stick
- favorites
  #docs-favorites
- 左箭头
  #docs-arrows-left
- 右箭头
  #docs-arrows-right
- 上箭头
  #docs-arrows-top
- 下箭头
  #docs-arrows-bottom
- 转发
  #docs-transpond
- icon_font
  #docs-font
- 分 享
  #docs-share-fill
- 回到顶部
  #docs-gotop
- map
  #docs-map
- refresh
  #docs-refresh
- 点赞
  #docs-endorse-fill
- 语言
  #docs-language
- 点赞
  #docs-endorse-border
- GitHub
  #docs-github
- 支付宝-官方
  #docs-zhifubao-guanfang
- paypal
  #docs-paypal
- Paypal
  #docs-Paypal
- 微信
  #docs-wecath-paly
- wechat
  #docs-wechat
- bilibili
  #docs-bilibili
- zcool
  #docs-zcool
- qq
  #docs-qq
- Facebook
  #docs-facebook
- gitee
  #docs-gitee
- 知乎
  #docs-zhihu
- medium
  #docs-medium
- twitter hover_pc
  #docs-twttier
- behance
  #docs-behance
- instagram
  #docs-instagram
- you-tube
  #docs-youtube
- bilibili
  #docs-bilibili-text
- 微博
  #docs-weibo

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