angular fontawesome

pesado angular

Componente angular oficial para fuentes impresionantes 5+

Instalación

Si tiene una suscripción Fontawesher Pro, asegúrese de configurar el acceso antes de seguir las instrucciones de instalación.

Usando ng add :

 # See Compatibility table below to choose a correct version
$ ng add @fortawesome/angular-fontawesome@<version>

Usando hilo

 $ yarn add @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ yarn add @fortawesome/angular-fontawesome@<version>

Usando NPM

 $ npm install @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ npm install @fortawesome/angular-fontawesome@<version>

Tabla de compatibilidad

@fortawesome/angular-fontAwesome	Angular	Fuente impresionante	ng-agregado
0.1.x	5.x	5.x	no compatible
0.2.x	6.x	5.x	no compatible
0.3.x	6.x && 7.x	5.x	no compatible
0.4.x, 0.5.x	8.x	5.x	no compatible
0.6.x	9.x	5.x	compatible
0.7.x	10.x	5.x	compatible
0.8.x	11.x	5.x	compatible
0.9.x	12.x	5.x	compatible
0.10.x	13.x	5.x && 6.x	compatible
0.11.x	14.x	5.x && 6.x	compatible
0.12.x	15.x	5.x && 6.x	compatible
0.13.x	16.x	5.x && 6.x	compatible
0.14.x	17.x	5.x && 6.x	compatible
0.15.x	18.x	5.x && 6.x	compatible
1.x	19.x	5.x && 6.x	compatible

Uso

Para poner en funcionamiento usando Font Awesome con Angular, siga los pasos a continuación:

1. Agregue FontAwesomeModule a las imports y ate el icono a la propiedad en su componente src/app/app.component.ts :

    import { Component } from '@angular/core' ;
   import { FontAwesomeModule } from '@fortawesome/angular-fontawesome' ;
   import { faCoffee } from '@fortawesome/free-solid-svg-icons' ;
   
   @ Component ( {
     selector : 'app-root' ,
     imports : [ FontAwesomeModule ] , // alternatively, individual components can be imported
     templateUrl : './app.component.html'
   } )
   export class AppComponent {
     faCoffee = faCoffee ;
   }

2. Use el icono en la plantilla src/app/app.component.html :

    < fa-icon [icon] =" faCoffee " > </ fa-icon > 

Documentación

• Guía de uso en profundidad
• Usando otros estilos
• Lista de funciones completa
• Instrucciones de actualización
• Preguntas hechas de frecuencia

Ejemplos

Stackblitz

Aquí hay una muestra de inicio Stackblitz sobre cómo mostrar iconos sólidos, regulares y de marca utilizando la biblioteca de iconos.

Aplicación de demostración

Puede encontrar ejemplos en el directorio projects/demo . Puede seguir los documentos para ejecutar la aplicación de demostración en su propia máquina.

Que contribuye

angular-fontawesome es un producto de la comunidad, puede echar un vistazo a los documentos de desarrolladores para encontrar más sobre cómo contribuir al proyecto.

Colaboradores

Los siguientes contribuyentes han ayudado a iniciar este proyecto, han contribuido con el código, lo mantienen activamente (incluida la documentación) o de otras maneras ser contribuyentes increíbles para este proyecto. Nos gustaría tomarnos un momento para reconocerlos.

Si nos hemos perdido a alguien (lo cual es muy probable) envíenos una solicitud de extracción y lo resolveremos.