feat: add eva-icons (#1912)

src/app/pages/ui-features/icons/icons.component.html

@@ -1,4 +1,22 @@
 <div class="row">
+  <div class="col-md-12 col-lg-6">
+    <nb-card>
+      <nb-card-header>
+        Eva Icons
+      </nb-card-header>
+      <nb-card-body>
+        <div class="icon" *ngFor="let icon of evaIcons">
+          <i [nbPopover]="icon">
+            <i [innerHTML]="icon | eva: { fill: '#d1d1ff', animationType: 'pulse' }"></i>
+          </i>
+        </div>
+      </nb-card-body>
+      <nb-card-footer>
+        <a href="https://akveo.github.io/eva-icons/" target="_blank">See all eva-icons</a>
+      </nb-card-footer>
+    </nb-card>
+  </div>
+
   <div class="col-md-12 col-lg-6">
     <nb-card class="nb-icons">
       <nb-card-header>
@@ -28,9 +46,7 @@
         </a>
       </nb-card-footer>
     </nb-card>
-  </div>
 
-  <div class="col-md-12 col-lg-6">
     <nb-card>
       <nb-card-header>
         Ionicons
@@ -41,8 +57,9 @@
         </div>
       </nb-card-body>
       <nb-card-footer>
-        <a href="http://ionicons.com/" target="_blank">See all ionicons icons</a>
+        <a href="http://ionicons.com/" target="_blank">See all ionicons</a>
       </nb-card-footer>
     </nb-card>
+
   </div>
 </div>

src/app/pages/ui-features/icons/icons.component.ts

@@ -1,12 +1,20 @@
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { icons } from 'eva-icons';
 
 @Component({
   selector: 'ngx-icons',
   styleUrls: ['./icons.component.scss'],
   templateUrl: './icons.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class IconsComponent {
 
+  evaIcons = [];
+
+  constructor() {
+    this.evaIcons = Object.keys(icons).filter(icon => icon.indexOf('outline') === -1);
+  }
+
   icons = {
 
     nebular: ['nb-alert', 'nb-angle-double-left', 'nb-angle-double-right',