Nuxt Fontawesome 5

February 20, 2020

NOTE: Seems like there is plan to migrate nuxt-fontawesome to @nuxtjs/fontawesome


npm i nuxt-fontawesome
npm i @fortawesome/fontawesome-svg-core @fortawesome/vue-fontawesome

If you are using the pro set

npm i @fortawesome/pro-regular-svg-icons

NOTE: Installing the Pro version of Font Awesome

Edit nuxt.config.js.

export default {
  modules: [
  fontawesome: {
    imports: [
        set: '@fortawesome/pro-regular-svg-icons',
        icons: ['faMapMarker'] // selectively import set to reduce size, use 'fas' to import entire set

Usage in components

    <font-awesome-icon :icon="['far', 'map-marker']" />

NOTE: Refer vue-fontawesome for more usage example.


This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.