ng-fontawesome-icon
v0.0.8
Published
🍺 NG Fontawesome Icon for Angular Lovers. Coded by Bootcatch.
Downloads
36
Maintainers
Readme
NG Fontawesome Icon
🍺 NG Fontawesome Icon for Angular Lovers. Coded by Bootcatch.
Installation
Using NPM:
npm i ng-fontawesome-icon --save
npm i font-awesome --save
In your styles.scss
file import font-awesome css
/* You can add global styles to this file, and also import other style files */
@import "font-awesome/css/font-awesome.min.css";
Usage
Import direct in your app.module.ts
file:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
//import NgFontawesomeModule from ng-fontawesome
import { NgFontawesomeModule } from "ng-fontawesome-icon";
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
//import your NgFontawesomeModule here
NgFontawesomeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Then use wherever you want !! Goodluck:
<ng-fontawesome icon="file" size="2" color="orange"></ng-fontawesome>
Note
- Add only name to icon, e.g
icon="file"
- No need to add full name like e.g
icon="fa fa-file"
- icon - font-awesome icon name will find here here
- size - icon size in
rem
. - color - you can give any valid value
e.g red, yellow, #fffff, #ff0000.
Author
Ajay Marathe
- https://github.com/ajaymarathe
Copyright and License
Copyright 2019 Ajay Marathe. Code released under the MIT license.