Package Exports

vue-fontawesome-icon

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-fontawesome-icon) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-fontawesome

🍺 Hi there, Font-awesome icons for Vue.js lovers <3

Installation

Using NPM:

npm i vue-fontawesome-icon

npm i font-awesome

Usage

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/src/components/VueFontawesome.vue').default);

Vue.config.productionTip = false

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

In your components template:

  <vue-fontawesome icon="file" size="4" color="yellow"></vue-fontawesome>

Note

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.

Author

Ajay Marathe

https://github.com/ajaymarathe

vue-fontawesome-icon