<ng-container *ngIf="iconLoaderService.iconToUse == 'fa'">

    <ng-container *ngIf="customclass != null">
        <i [ngStyle]="{'color':color}" class="{{customclass}}" aria-hidden="true" (click)="onClick.emit($event)"></i>
    </ng-container>
    <ng-container *ngIf="customclass == null">
        <i [ngStyle]="{'color':color}" class="{{iconClass}}" aria-hidden="true" (click)="onClick.emit($event)"></i>
    </ng-container>

</ng-container>

<ng-container *ngIf="iconLoaderService.iconToUse == 'mat'">

    <ng-container *ngIf="customclass != null">
        <em [ngStyle]="{'color':color}" class="material-icons" (click)="onClick.emit($event)">{{customclass}}</em>
    </ng-container>

    <ng-container *ngIf="customclass == null">
        <em [ngStyle]="{'color':color}" class="material-icons" (click)="onClick.emit($event)">{{iconClass}}</em>
    </ng-container>


</ng-container>