Importar todos los iconos de Fontawesome

Solución:

import { fas } from '@fortawesome/fontawesome-free-solid';

y luego

fontawesome.library.add(fas)

lo mismo para otros estilos

import { fab } from '@fortawesome/fontawesome-free-brands';
import { far } from '@fortawesome/fontawesome-free-regular';
...
fontawesome.library.add( fab, far );

Así es como lo hice, primero importé los paquetes impresionantes de Font en el módulo de la aplicación:

import { fas } from '@fortawesome/free-solid-svg-icons';
import { far } from '@fortawesome/free-regular-svg-icons';
import { fab } from '@fortawesome/free-brands-svg-icons';
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { library } from '@fortawesome/fontawesome-svg-core';

Importando FontAwesomeModule también en la sección de importaciones.

Agregue lo siguiente a su constructor del módulo de la aplicación:

 constructor(){
    library.add(fab, far, fas);
  }

Ahora puede hacer referencia a los iconos de Font Awesome desde el interior de cualquier componente como en este ejemplo de marcado:

    <div class="crop"
     (click)="onClick()"
     [style.width.px]="starWidth"
     Import all icons from Fontawesome

="rating">
  <div style="width: 75px">
    <span><fa-icon [icon]="['far', 'star']"></fa-icon></span>
    <span><fa-icon [icon]="['far', 'star']"></fa-icon></span>
    <span><fa-icon [icon]="['far', 'star']"></fa-icon></span>
    <span><fa-icon [icon]="['far', 'star']"></fa-icon></span>
    <span><fa-icon [icon]="['far', 'star']"></fa-icon></span>
  </div>
</div>

Tenga en cuenta que si no usa los íconos sólidos de la biblioteca ‘fas’, debe especificar el tipo de biblioteca de íconos Font Awesome, como ‘lejos’ para los íconos regulares.

Terminé usando los siguientes paquetes npm: “@ fortawesome / angular-fontawesome”: “^ 0.3.0”, “@ fortawesome / fontawesome-svg-core”: “^ 1.2.21”, “@ fortawesome / free- brand-svg-icons “:” ^ 5.10.1 “,” @ fortawesome / free-regular-svg-icons “:” ^ 5.10.1 “,” @ fortawesome / free-solid-svg-icons “:” ^ 5.10 .1 “,

Nota: Hice una degradación a la versión 0.3.0 del paquete angular-fontawesome.

Probado en Angular 8.

Como en los documentos aquí, puede hacer

import { fas } from '@fortawesome/free-solid-svg-icons';
import { far } from '@fortawesome/free-regular-svg-icons';
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

export class AppModule {

constructor(library: FaIconLibrary) {
  library.addIconPacks(fas, far);
  }
}

---

---

Utiliza Nuestro Buscador