title: How to use Font-Awesome SVG with Vuetify and Nuxt.js
body: <p>I am trying to use the Font-Awesome SVG icons with Vuetify. But I don't manage to display icons.</p>
  
  <p>I installed the necessary packages with:</p>
  
  <pre><code>npm install @fortawesome/fontawesome-svg-core @fortawesome/vue-fontawesome @fortawesome/free-solid-svg-icons -D
  </code></pre>
  
  <p>And the Vuetify plugin file looks like this:</p>
  
  <pre><code>import Vue from 'vue'
  import Vuetify from 'vuetify/lib'
  import colors from 'vuetify/es5/util/colors'
  import { library } from '@fortawesome/fontawesome-svg-core'
  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
  import { fas } from '@fortawesome/free-solid-svg-icons'
  
  Vue.component('font-awesome-icon', FontAwesomeIcon)
  library.add(fas)
  
  Vue.use(Vuetify, {
    iconfont: 'faSvg',
    theme: {
      primary: colors.blue.darken2,
      accent: colors.grey.darken3,
      secondary: colors.amber.darken3,
      info: colors.teal.lighten1,
      warning: colors.amber.base,
      error: colors.deepOrange.accent4,
      success: colors.green.accent3
    }
  })
  </code></pre>
  
  <p>Trying to show a icon:</p>
  
  <pre><code>&lt;v-icon color="white" round&gt;fa-times&lt;/v-icon&gt;
  </code></pre>