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>

MIT

For ❤️ Angular developers