From 52ee5061faa90213d6dad205b044f0c0684447a5 Mon Sep 17 00:00:00 2001
From: Simeon Simeonoff <sim.simeonoff@gmail.com>
Date: Tue, 28 Sep 2021 14:52:23 +0300
Subject: [PATCH] refactor(icon): update template and theme

---
 .../src/lib/core/styles/components/icon/_icon-theme.scss  | 4 ----
 .../igniteui-angular/src/lib/icon/icon.component.html     | 8 +++++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/core/styles/components/icon/_icon-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/icon/_icon-theme.scss
index 5984304189d..04957eaa8ea 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/icon/_icon-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/icon/_icon-theme.scss
@@ -68,10 +68,6 @@
             width: inherit;
             height: inherit;
             fill: currentColor;
-
-            use {
-                pointer-events: none;
-            }
         }
     }
 
diff --git a/projects/igniteui-angular/src/lib/icon/icon.component.html b/projects/igniteui-angular/src/lib/icon/icon.component.html
index f9863a0166b..30ada748d25 100644
--- a/projects/igniteui-angular/src/lib/icon/icon.component.html
+++ b/projects/igniteui-angular/src/lib/icon/icon.component.html
@@ -5,7 +5,13 @@
 </ng-template>
 
 <ng-template #svgImage>
-    <svg [innerHTML]="getSvg"></svg>
+    <svg
+        viewBox="0 0 24 24"
+        preserveAspectRatio="xMidYMid meet"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        [innerHTML]="getSvg"
+    ></svg>
 </ng-template>
 
 <ng-container *ngTemplateOutlet="template"></ng-container>