how to use font awesome icons after npm install in vue

//install fontawesome icons npm install --save-dev @fortawesome/fontawesome-free //inside main.js add import '@fortawesome/fontawesome-free/css/all.css' <------ import '@fortawesome/fontawesome-free/js/all.js' <------ . . . new Vue({ router, store, render: h => h(App),}).$mount('#app') // you can now use the icons anywhere in your project with the 

npm font awesome vue

// Install all needed fontawesome dependencies
npm install @fortawesome/fontawesome-svg-core
npm install @fortawesome/free-solid-svg-icons
npm install @fortawesome/vue-fontawesome

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

// Add solid icons library
library.add(fas);

// Create fontawesome vue component
Vue.component('font-awesome-icon', FontAwesomeIcon)

Posted by: Guest on February-17-2021

Code answers related to "how to use font awesome icons after npm install in vue"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Answers for "how to use font awesome icons after npm install in vue"

Code answers related to "how to use font awesome icons after npm install in vue"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us