阿里巴巴矢量圖標(biāo)網(wǎng)址：https://www.iconfont.cn

一、方式1:項目中使用usicon引用圖標(biāo)

1.下載代碼

選擇圖標(biāo)加入項目中后，下載圖標(biāo)代碼

下載后解壓

2.Vue項目中，引入下載的圖標(biāo)文件

將剛下載解壓后的文件中的iconfont.tff文件放入styles文件中

styles文件夾新建us_icon_font.scss文件,通過文件地址引入圖標(biāo)文件

@font-face {
  font-family: usicon;
  src: url("iconfont.ttf?t=1694681005435") format("truetype");
}

3.VUE項目main.ts文件中全局引用樣式文件

import "@/styles/us_icon_font.scss";

 4.頁面中使用

<i class="us-icon" style="font-size: 24px">&#xe848;</i>