🍺 Font Awesome Icons for Vue Lovers. Coded by Bootcatch.

Using NPM:

npm i vue-fontawesome-icon --save

npm i font-awesome --save 

Import it in your main file e.g main.js

import Vue from 'vue'

//import material-icon scss
import "font-awesome/css/font-awesome.min.css";

//defined as global component
Vue.component('VueFontawesome', require('vue-fontawesome-icon/VueFontawesome.vue').default);

new Vue({
  render: h => h(App),
}).$mount('#app')

In your components template:

  <vue-fontawesome icon="file" size="2" color="lightgray"></vue-fontawesome>

• Add only name to icon, i.e icon="file"
• No need to add full name like i.e icon="fa fa-file"
• icon - Font Awesome icon name will find here here
• size - Icon size in rem.
• color - You can give any valid value i.e red, yellow, #fffff, #ff0000.

Ajay Marathe

• https://github.com/ajaymarathe

Copyright 2019 Ajay Marathe. Code released under the MIT license.