vue-fontawesome-icon

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

Usage no npm install needed!

<script type="module">
  import vueFontawesomeIcon from 'https://cdn.skypack.dev/vue-fontawesome-icon';
</script>

README

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.