title: Font Awesome 5 icons not working in Vuetify with Nuxt
body: <p>I have followed the installation procedure prescribed in the Vuetify to use the Font Awesome icons in my <code>Nuxt</code> app.</p>
  <p><a href="https://vuetifyjs.com/en/customization/icons/#install-font-awesome-5-icons" rel="nofollow noreferrer">https://vuetifyjs.com/en/customization/icons/#install-font-awesome-5-icons</a></p>
  <p>However, the icons are not working. Here is my template code.</p>
  <pre><code>&lt;v-btn v-for=&quot;icon in icons&quot; :key=&quot;icon&quot; class=&quot;mx-3&quot; icon&gt;
    &lt;v-icon size=&quot;24px&quot;&gt;
      {{ icon }}
    &lt;/v-icon&gt;
  &lt;/v-btn&gt;
  </code></pre>
  <p>Here is the script code.</p>
  <pre><code>&lt;script&gt;
  export default {
    name: 'Footer',
    data () {
      return {
        icons: [
          'fab fa-facebook',
          'fab fa-twitter',
          'fab fa-linkedin',
          'fab fa-google-plus',
          'fab fa-instagram'
        ]
      }
    }
  }
  &lt;/script&gt;
  </code></pre>