0.1.0 โข Published 2 years ago
ngx-vector-icons v0.1.0
๐ 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
For โค๏ธ Angular developers