How to install font awesome icons to Nuxt Js - V2

Dr. Bash — Wed, 08 Dec 2021 03:15:27 +0000

Hi Developers

** Step 1.**

Install these packages.

yarn add @nuxtjs/fontawesome -D

then add free sets of icons

yarn add @nuxtjs/fontawesome @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons -D

Step 2.

Add font awesome to nuxt.config.js file

// nuxt.config.js

  buildModules:  [
     '@nuxtjs/fontawesome',
  ],

Step 3.

Add this configuration

fontawesome: {
     component: 'Fa',
     suffix: false,
     icons: {
       solid: true,
       brands: true,
     },
 },

Step 4

How to use them in .vue file

<fa :icon="['fas', 'adjust']" />

Bye bye Developers

DEV Community: Dr. Bash