a reusable font-awesome span
importing in angular-seed (mgechev) project
project.config.ts:
import { ExtendPackages } from './seed.config.interfaces';
...
let additionalPackages: ExtendPackages[] = [{
name: 'ng2-font-awesome',
path: 'node_modules/ng2-font-awesome/index.js'
}];
this.addPackagesBundles(additionalPackages);
bundling with systemjs builder
import { FontAwesomeModule} from 'ng2-font-awesome';
the following usages all will do fine:
<font-awesome [faIcon]="'fa fa-cubes'"></font-awesome>
<font-awesome [faIcon]="'fa-cubes'"></font-awesome>
<font-awesome [faIcon]="'cubes'"></font-awesome>
output: