feat: add eva-icons (#1912)

src/app/@theme/pipes/eva-icons.pipe.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { DomSanitizer } from '@angular/platform-browser';
+import { Pipe, PipeTransform } from '@angular/core';
+import { icons } from 'eva-icons';
+
+@Pipe({ name: 'eva' })
+export class EvaIconsPipe implements PipeTransform {
+
+  private defaultOptions = {
+    height: 24,
+    width: 24,
+    fill: 'inherit',
+    animationHover: true,
+    animationInfinity: false,
+  };
+
+  constructor(private sanitizer: DomSanitizer) {}
+
+  transform(icon: string,
+            options: {
+              height: number;
+              width: number;
+              fill: string;
+              animationType?: string;
+              animationHover?: boolean;
+              animationInfinity?: boolean;
+            },
+  ) {
+    const mergedOptions = {
+      ...this.defaultOptions,
+      ...options,
+    };
+    const { width, height, fill, animationType, animationHover, animationInfinity } = mergedOptions;
+    const animation = animationType ?
+      { type: animationType, hover: animationHover, infinite: animationInfinity } :
+      null;
+
+    return this.sanitizer.bypassSecurityTrustHtml(icons[icon].toSvg({
+      width,
+      height,
+      fill,
+      animation,
+    }));
+  }
+}

src/app/@theme/pipes/index.ts

@@ -3,3 +3,4 @@ export * from './plural.pipe';
 export * from './round.pipe';
 export * from './timing.pipe';
 export * from './number-with-commas.pipe';
+export * from './eva-icons.pipe';

src/app/@theme/theme.module.ts

@@ -57,6 +57,7 @@ import {
   RoundPipe,
   TimingPipe,
   NumberWithCommasPipe,
+  EvaIconsPipe,
 } from './pipes';
 import {
   OneColumnLayoutComponent,
@@ -132,6 +133,7 @@ const PIPES = [
   RoundPipe,
   TimingPipe,
   NumberWithCommasPipe,
+  EvaIconsPipe,
 ];
 
 const NB_THEME_PROVIDERS = [