diff --git a/docs/en/UI/Angular/Confirmation-Service.md b/docs/en/UI/Angular/Confirmation-Service.md
index 6a869fa317..78c78eb2d6 100644
--- a/docs/en/UI/Angular/Confirmation-Service.md
+++ b/docs/en/UI/Angular/Confirmation-Service.md
@@ -75,8 +75,9 @@ const options: Partial<Confirmation.Options> = {
   yesText: 'Confirm',
   messageLocalizationParams: ['Demo'],
   titleLocalizationParams: [],
-  icon: 'fa fa-info-circle',
-  iconTemplate : '<img src="custom-image-path.jpg" alt=""/>'
+  // You can customize icon 
+  // icon: 'fa fa-exclamation-triangle', // or
+  // iconTemplate : '<img src="custom-image-path.jpg" alt=""/>'
 } 
 
 this.confirmation.warn(
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/models/confirmation.ts b/npm/ng-packs/packages/theme-shared/src/lib/models/confirmation.ts
index e33df96f20..e19ca43a1b 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/models/confirmation.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/models/confirmation.ts
@@ -12,7 +12,7 @@ export namespace Confirmation {
     cancelText?: LocalizationParam;
     yesText?: LocalizationParam;
     icon?: string;
-    iconTemplate?:string | TemplateRef<any>
+    iconTemplate?:string
   }
 
   export interface DialogData {
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tests/confirmation.service.spec.ts b/npm/ng-packs/packages/theme-shared/src/lib/tests/confirmation.service.spec.ts
index a695564069..ec06073962 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/tests/confirmation.service.spec.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/tests/confirmation.service.spec.ts
@@ -60,6 +60,29 @@ describe('ConfirmationService', () => {
     expect(selectConfirmationContent('.custom-yes')).toBe('YES');
   }));
 
+  test('should display custom FA icon', fakeAsync(() => {
+    service.show('MESSAGE', 'TITLE',undefined,{
+      icon:'fa fa-info'
+    });
+
+    tick();
+    expect(selectConfirmationElement(".icon").className).toBe('icon fa fa-info')
+  }));
+
+  test('should display custom icon as html element', fakeAsync(() => {
+    const className = 'custom-icon'
+    const selector = '.'+className;
+
+    service.show('MESSAGE', 'TITLE',undefined,{
+      iconTemplate: `<span class="${className}">I am icon</span>`
+    });
+
+    tick();
+
+    const element = selectConfirmationElement(selector)
+    expect(element).toBeTruthy()
+    expect(element.innerHTML).toBe("I am icon")
+  }));
   test.each`
     type         | selector      | icon
     ${'info'}    | ${'.info'}    | ${'.fa-info-circle'}