Use Font Awesome with Angular

Updated:

Install the Font Awesome npm package

npm install font-awesome --save 

In the .angular-cli.json file you have to add the reference to the font-awesome.css that you just installed:

	"styles": [ 
	  "styles.css", 
	  "../node_modules/bootstrap/dist/css/bootstrap.min.css", 
	  "../node_modules/font-awesome/css/font-awesome.css" 
	], 

In your pages you can reference the icons, e.g.:

<a href="https://twitter.com/marcomolteni" target="_blank"><i class="fa fa-twitter fa-2x menu-icon" aria-hidden="true"></i></a> 

with the following result:

Here the list of the available icons https://fontawesome.io/icons/


Fullstack Angular / Java application quick start guide.
WebApp built by Marco using SpringBoot 3.2.4 and Java 21. Hosted in Switzerland (GE8).