angular fontawesome

Angular-Fowemome

Componente Angular Oficial para Font Awesome 5+

Instalação

Se você tiver assinatura do Fontawesome Pro, configure o acesso antes de seguir as instruções de instalação.

Usando ng add :

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

Usando fios

 $ 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>

Tabela de compatibilidade

@Fortawesome/Angular-Fontawesome	Angular	Fonte incrível	ng-add
0.1.x	5.x	5.x	não suportado
0.2.x	6.x	5.x	não suportado
0.3.x	6.x && 7.x.	5.x	não suportado
0.4.x, 0.5.x.	8.x	5.x	não suportado
0.6.x	9.x	5.x	suportado
0.7.x	10.x	5.x	suportado
0.8.x	11.x	5.x	suportado
0.9.x	12.x	5.x	suportado
0.10.x	13.x	5.x && 6.x.	suportado
0.11.x	14.x	5.x && 6.x.	suportado
0.12.x	15.x	5.x && 6.x.	suportado
0.13.x	16.x	5.x && 6.x.	suportado
0.14.x	17.x	5.x && 6.x.	suportado
0.15.x	18.x	5.x && 6.x.	suportado
1.x	19.x	5.x && 6.x.	suportado

Uso

Para subir e correr usando a font incrível com o Angular, siga as etapas abaixo:

1. Adicione FontAwesomeModule às imports e amarre o ícone à propriedade em seu 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 o ícone no modelo src/app/app.component.html :

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

Documentação

• Guia de uso aprofundado
• Usando outros estilos
• Lista de recursos completos
• Atualizando instruções
• Perguntas de frequência feitas

Exemplos

Stackblitz

Aqui está uma amostra de partida Stackblitz sobre como exibir ícones sólidos, regulares e de marca usando a biblioteca de ícones.

Aplicação de demonstração

Você pode encontrar exemplos no diretório projects/demo . Você pode seguir os documentos para executar o aplicativo de demonstração em sua própria máquina.

Contribuindo

angular-fontawesome é um produto da comunidade, você pode dar uma olhada nos documentos do desenvolvedor para descobrir mais sobre como contribuir de volta para o projeto.

Colaboradores

Os seguintes colaboradores ajudaram a iniciar este projeto, contribuíram com o código, mantêm -o ativamente (incluindo documentação) ou, de outras maneiras, sendo contribuintes impressionantes para este projeto. Gostaríamos de levar um momento para reconhecê -los.

Se perdemos alguém (o que é bem provável), envie uma solicitação de tração e a resolveremos.