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

I added font awesome in inertiajs/vue3 app as I read here : Using Font Awesome in Vue 3

So I have 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",
    

and icons are rendered ok with syntax like :

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

But where is library of all available icons for my version? I tried to show dollar-sign/dollar and failed...

Thanks !

Solution 1:

Don't forget to add icons or icon bundles in your main.js or in your ts file depending on how you've set it up.

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

library.add(faPhone);

Make sure you add the import of the icons and then also add the icon to the library. Below you can see entire bunldes of icons being added at once.

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

To see a list of all icons.