An easy way to add icons to your Angular app.
NGX Vector Icons directory has over 5000 icons to choose from.
- It's a light-weight library.
- Six icon sets are included in the package and can be used for free.
- It may be used for commercial projects, open source projects, or nearly anything else.
- To have access to a set of six bundel icons, simply import one module.
- AntDesign by AntFinance (300+ icons)
- Fontisto by Kenan Gündoğan (650+ icons)
- Font Awesome Icons by Fonticons, Inc. (2500+ cons)
- Material Design Icons by MaterialDesignIcons.com (6600+ icons)
- Material Icons by Google, Inc. (1500+ icons)
- SimpleLineIcons by Sabbir & Contributors (200+ icons)
If you'd like to see an example, please click here.
npm install ngx-vector-icons
Import NgxVectorIconsModule in app.module.ts file
import { NgxVectorIconsModule } from 'ngx-vector-icons';
In app.module.ts add NgxVectorIconsModule to your @NgModule
@NgModule({
...,
imports: [ ...,NgxVectorIconsModule ],
...
})
That's all, you're ready to use icons in your project now. NGX Vector Icons directory has over 5000 icons to choose from.
<ant-design-icons class="ml-60" name="logout" [size]="22" color="limegreen"></ant-design-icons>
<fontisto-icons class="ml-60" name="podcast" [size]="22" color="pink"></fontisto-icons>
<font-awesome-icons class="ml-20" name="address-book" [size]="32" color="grey"></font-awesome-icons>
<material-design-icons class="ml-20" name="pizza" [size]="32" color="blue"></material-design-icons>
<material-icons class="ml-20" name="pizza" [size]="32" color="blue"></material-icons>
<simple-icons class="ml-40" name="people" [size]="22" color="red"></simple-icons>
For ❤️ Angular developers