vue-fontawesome-css

Simple vue-fontawesome-css plugin

This plugin provides simple functionality to add font awesome 5 icons in your vue components. This plugin works with fontawesome.css stylesheet not with svg javascript. Is a very simple plugin that provides this functionalityk.

Install

npm install vue-fontawesome-css [--save]

Dependencies

• This package depends on '@fortawesome/fontawesome-free-webfonts'

Usage

• First import and install plugin

import Vue from 'vue'
import Main from './Main.vue'
import VueFontAwesomeCss from 'vue-fontawesome-css'

Vue.use(VueFontAwesomeCss)

const app = new Vue({
  el: '#app',
  render: h => h(Main)
})

• Second use the xml tag <fa-icon /> in your html

<fa-icon icon="user-circle" icon-id="botonProfile" other-classes="my-bg-color" />

or

<fa-icon :icon="['fab', 'youtube']" icon-id="chanelIcon" other-classes="my-personal-class" />

Props

Repository

https://github.com/diegoazh/vue-fontawesome-css

License

"MIT"