1、點(diǎn)擊下載至本地，把文件夾下載下來(lái)：

2、解壓文件，把 css 和 js 分別拷貝進(jìn)項(xiàng)目，放在 head 里面：

<link rel="stylesheet" href="css/iconfont.css">
<script src="js/iconfont.js"></script>

3、style 加入默認(rèn)樣式：

<style>
.icon {
   1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>

4、頁(yè)面引用：

<svg class="icon" aria-hidden="true">
    <use xlink:href="#iconshijian"></use>
</svg>

最終結(jié)果：

總結(jié)

以上是生活随笔為你收集整理的H5 引入阿里矢量图标库 symbol 为例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。