第一种方法
第一步:打开public文件下的index.html文件,引入symbol , js的地址:
<script type="text/javascript" src="//at.alicdn.com/t/font_2998510_o81jlxe3dm.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>
第二种方法
下载图片png格式,直接通过图片进行引入。
<img src="./img/icon-gray.png">