node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »


Angular Font Awesome

Simple, easy to use Angular component to manage Font Awesome icons.

Built with Angular QuickStart Lib.

How to install

Install Packages npm install --save font-awesome angular-font-awesome

Import the module:

import { AngularFontAwesomeModule } from 'angular-font-awesome';
  imports: [
export class AppModule { }

If you're using Angular CLI, add the font-awesome CSS to styles inside the angular-cli.json


NOTE: If using SCSS preprocessor just change the css for scss

If you're not using the CLI, import the stylesheet to your index.html file

<link rel="stylesheet" type="text/css" href="" />

Usage and

Name Type Options Optional
name String F-A Icons No
size String lg, 2x, 3x, 4x, 5x Yes
fixed Boolean true | false Yes
animation String spin | pulse Yes
rotate Number | String 90 | 180 | 270 horizontal | vertical Yes
inverse Boolean true | false Yes

Example Use

<fa name="cog" animation="spin"></fa>