How to use Font Awesome 5 on VueJS in laravel project

Question

I'm trying to use Font Awesome with Vue + laravel project.

I have it in my package.json

"devDependencies": {
        "@fortawesome/fontawesome-free": "^5.15.4",
        "axios": "^0.21.4",
        "bootstrap": "^4.6.0",
        "jquery": "^3.6",
        "laravel-mix": "^6.0.34",
        "lodash": "^4.17.19",
        "popper.js": "^1.16.1",
        "postcss": "^8.3.11",
        "resolve-url-loader": "^3.1.4",
        "sass": "^1.43.3",
        "sass-loader": "^11.0.1",
        "vue": "^2.6.14",
        "vue-loader": "^15.9.8",
        "vue-template-compiler": "^2.6.14"
    },

Imported FontAwesome in main.js

import { library } from '@fortawesome/fontawesome-svg-core'
import { faSpinner } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

I am Use:

<i class="fas fa-ellipsis-v"></i>

But Not Show Icon !!

DevinE · Accepted Answer · 2021-10-25 09:38:02Z

2

Read document https://github.com/FortAwesome/vue-fontawesome

You need add to main.js

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

and use tag <font-awesome-icon icon="***" />

Example:

<font-awesome-icon icon="ellipsis-v" />

answered Oct 25, 2021 at 9:38

DevinE

1491 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use Font Awesome 5 on VueJS in laravel project

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related