我的 vue 3 的所有可用图标库在哪里？

Question

我在 inertiajs/vue3 应用程序中添加了很棒的字体正如我在这里读到的：

所以我有 package.json :

"dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.36",
    "@fortawesome/free-solid-svg-icons": "^5.15.4",
    "@fortawesome/vue-fontawesome": "^3.0.0-5",

并且图标可以使用如下语法呈现：

<font-awesome-icon :icon="['fas', 'phone']" />

但是我的版本的所有可用图标库在哪里？我试图显示 dollar-sign/dollar 但失败了...

谢谢！

Answer 1

不要忘记在 main.js 或 ts 文件中添加图标或图标包，具体取决于您的设置方式。

import { faPhone } from "@fortawesome/free-solid-svg-icons/faAddressBook";

library.add(faPhone);

确保添加图标导入，然后将图标添加到库中。您可以在下面看到一次添加的整个图标包。

import { fas } from '@fortawesome/free-solid-svg-icons'
import { far } from '@fortawesome/free-regular-svg-icons'
import { fab } from '@fortawesome/free-brands-svg-icons'

查看 all icons 的列表。

我的 vue 3 的所有可用图标库在哪里？

Where is library of all available icons for my vue 3?

vue.js

font-awesome