Skip to content

avmaisak/ngx-simple-icons

Repository files navigation

Simple Icons

Angular Module for SimpleIcons

Over 2100 Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub.

Installation

npm i ngx-simple-icons --save

Usage

Import module

import { NgxSimpleIconsModule } from 'ngx-simple-icons';

Import needed icons

import { activision, adobexd } from 'ngx-simple-icons';

Use method pick for using selected icons

import { 
  NgxSimpleIconsModule, 
  activision,
  adobexd,
} from 'ngx-simple-icons';

@NgModule ({
  imports: [
    NgxSimpleIconsModule.pick({ activision, adobexd })
  ],
})
MyModule

Usage in component

<si icon="adobexd"></si>
<!-- use tag -->
<span si icon="adobexd"></span>

In component, you can use Enum or Type

import { IconNameEnum } from 'ngx-simple-icons';

public iconNames = IconNameEnum;
<si [icon]="iconNames.adobexd"></si>