fontawesome css vuejs code example
Example 1: installing fontawesome vue project
npm install --save-dev @fortawesome/fontawesome-free
import '@fortawesome/fontawesome-free/css/all.css' <------
import '@fortawesome/fontawesome-free/js/all.js' <------
.
.
.
new Vue({ router, store, render: h => h(App),}).$mount('#app')
<i class="fab fa-2x fa-facebook"></i>
<i class="fab fa-2x fa-twitter"></i>
<i class="fab fa-2x fa-instagram"></i>
Example 2: vue font awesome icons
<!-- The solid style is implicit -->
<font-awesome-icon icon="user-secret" />
<!-- It's better to be explicit -->
<!-- Don't forget to bind the property with ":" (we forget all the time!) -->
<font-awesome-icon :icon="['fas', 'user-secret']" />