diff --git a/packages/main/src/Icon.ts b/packages/main/src/Icon.ts
index 9c997af0e1ee..e3193b3d1c11 100644
--- a/packages/main/src/Icon.ts
+++ b/packages/main/src/Icon.ts
@@ -243,6 +243,14 @@ class Icon extends UI5Element implements IIcon {
 			this.fireDecoratorEvent("click");
 		}
 	}
+	_onclick(e : MouseEvent) {
+		if (this.mode !== IconMode.Interactive) {
+			return;
+		}
+		e.preventDefault();
+
+		this.fireDecoratorEvent("click");
+	}
 
 	/**
 	* Enforce "ltr" direction, based on the icons collection metadata.
diff --git a/packages/main/src/IconTemplate.tsx b/packages/main/src/IconTemplate.tsx
index 8c0ab0355765..380161620a01 100644
--- a/packages/main/src/IconTemplate.tsx
+++ b/packages/main/src/IconTemplate.tsx
@@ -16,6 +16,7 @@ export default function IconTemplate(this: Icon) {
 			xmlns="http://www.w3.org/2000/svg"
 			onKeyDown={this._onkeydown}
 			onKeyUp={this._onkeyup}
+			onClick={this._onclick}
 		>
 			{ this.hasIconTooltip &&
                 <title id={`${this._id}-tooltip`} > {this.effectiveAccessibleName} </title>