前端免费图标库 引用

 图片库网址：

Find Icons with the Perfect Look & Feel | Font Awesomehttps://fontawesome.com/icons

第一步： 下载核心包，其中包含使图标工作的所有实用程序

 pnpm i --save @fortawesome/fontawesome-svg-core

第二步：下载免费图标

pnpm i --save @fortawesome/free-solid-svg-icons

pnpm i --save @fortawesome/free-regular-svg-icons

pnpm i --save @fortawesome/free-brands-svg-icons

 第三步：下载组件

 pnpm i --save @fortawesome/vue-fontawesome@latest-3

 第四步：在main.js 文件种引入

import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { far } from '@fortawesome/free-regular-svg-icons'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
library.add(fas, far, fab)

第五步：注册全局组件 使用vue实例注册

app.component('font-awesome-icon', FontAwesomeIcon)