vue-fontawesome-icon

1.3.0 • Public • Published

Vue Fontawesom Icon

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

NPM NPM JavaScript Style Guide

Installation

Using NPM:

npm i vue-fontawesome-icon --save

npm i font-awesome --save 

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/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>

Note

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.

Author

Ajay Marathe

Copyright and License

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

Package Sidebar

Install

npm i vue-fontawesome-icon

Weekly Downloads

277

Version

1.3.0

License

MIT

Unpacked Size

4.51 kB

Total Files

4

Last publish

Collaborators

  • ajay1098