阿里巴巴矢量圖標庫官網https://www.iconfont.cn/

1、把選好的矢量圖標庫下載至本地并解壓

?2、復制解壓的文件到項目中

?3、在項目中配置

??????????1、main.js/ts中配置

? ? ? ? 2、引入樣式

/*阿里巴巴矢量圖標庫配置，樣式寫在全局中*/ .icon {width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden; }

? ? ? ? ?3、使用

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

4、結果

在下載的包里，有demo示例以及說明書

?

總結

以上是生活随笔為你收集整理的Vue3引入阿里巴巴矢量多彩图标库（下载至本地引入）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。