阿里字体图标之Symbol用法

第一步：下载阿里字体图标Symbol文件包并解压。

第二步：把压缩后的文件全部放入自己的项目文件中。

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

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

第2步：加入通用 CSS 代码（引入一次就行）：

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

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

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

 第三步：#icon-xxx改为其中需要用的哪个图标：例如下面一个#icon-position

完整代码：

<!DOCTYPE h