angular-gillicons

angular-gillicons

An Angular library that permits to use all the icons from the gillicons package thanks to a uniq component.

Icons

See gillicons.gillianperard.com.

Installation

npm install gillicons angular-gillicons --save
# or
yarn add gillicons angular-gillicons

How to use it

To use the gillicon component, you need to add the gillicon module to your own module.

import { GilliconModule } from 'angular-gillicons';

@NgModule({
    declarations: [
        ...
    ],
    imports: [
        ...,
        GilliconModule // import the gillicon module
    ],
    bootstrap: [
        ...
    ]
})
export class YourModule { }

Then you need to import the icons you want (from the gillicons package) into the desired component.

Directly:

import { giPlus } from 'gillicons/giPlus';

Or using destructuring:

import { giPlus } from 'gillicons';

Assign the imported icon to a property which could be used in you html file.

public giPlus = giPlus;

Finally use it within the gillicon component:

<gillicon [icon]="giPlus"></gillicon>

License

This library is released under the terms of the MIT License.