矢量图标的使用

1.直接引入

将需要的矢量图标从图标库下载后放置在相对于文件夹中并在页面使用<img>标签引入

2.在public文件夹中index.html中引入

下方网址就是需要引入的网址

 

 

 

 

    <script src="你自己的图标库网址"></script>
    <link rel="stylesheet" href="你自己的图标库网址">

引入自己的网址后就可以使用

 <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-矢量图名称"></use>
        </svg>

来让矢量图出现在页面上了