💝 ngx-vector-icons

An easy way to add icons to your Angular app.

NGX Vector Icons directory has over 5000 icons to choose from.

🎉 Features

• 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.

📦 Bundled Icon Sets

• 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)

🚀 Demo

If you'd like to see an example, please click here.

🔥 Installation

npm install ngx-vector-icons

📝 ️Usage

🚴 step 1 :

Import NgxVectorIconsModule in app.module.ts file

import { NgxVectorIconsModule } from 'ngx-vector-icons';

🚴 step 2 :

In app.module.ts add NgxVectorIconsModule to your @NgModule

@NgModule({
  ...,
  imports: [ ...,NgxVectorIconsModule ],
  ...
})

🚴 step 3 :

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 example

<ant-design-icons class="ml-60" name="logout" [size]="22" color="limegreen"></ant-design-icons>

Fontisto Icons example

<fontisto-icons class="ml-60" name="podcast" [size]="22" color="pink"></fontisto-icons>

Font Awesome Icons example

<font-awesome-icons class="ml-20" name="address-book" [size]="32" color="grey"></font-awesome-icons>

Material Design Icons example

<material-design-icons class="ml-20" name="pizza" [size]="32" color="blue"></material-design-icons>

Material Icons example

<material-icons class="ml-20" name="pizza" [size]="32" color="blue"></material-icons>

Simple Icons example

<simple-icons class="ml-40" name="people" [size]="22" color="red"></simple-icons>

📚 License

MIT

For ❤️ Angular developers