Carlos Henrique Reis's questions

Estou trabalhando em um projeto Angular 19 usando componentes independentes e o Angular Material .
Quero usar ícones FontAwesome ( @fortawesome/angular-fontawesome) junto com componentes do Angular Material, como mat-icon, mas não tenho certeza sobre a maneira correta de integrá-los.

Aqui está o que fiz até agora:

/// <reference types="@angular/localize" />

import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
import { FaIconLibrary } from '@fortawesome/angular-fontawesome';

Eu instalei os pacotes necessários:

npm install @fortawesome/fontawesome-svg-core
npm install @fortawesome/free-solid-svg-icons
npm install @fortawesome/angular-fontawesome

No entanto, não tenho certeza:

• Como registrar corretamente os ícones FaIconLibraryem uma configuração autônoma .
• Como usar os <fa-icon>componentes internos do Angular Material, como mat-list, mat-toolbar, etc.
• Se há uma maneira limpa de usar os ícones do FontAwesome oumat-icon se <fa-icon>eles devem ser usados ​​separadamente.

Qualquer exemplo ou prática recomendada seria apreciada!