diff --git a/packages/core/docs/vibe-3-changelog.md b/packages/core/docs/vibe-3-changelog.md
index b79341772a..d5030cc5ac 100644
--- a/packages/core/docs/vibe-3-changelog.md
+++ b/packages/core/docs/vibe-3-changelog.md
@@ -62,6 +62,10 @@
 
 - `dataTestId` -> `data-testid` [codemod]
 
+### Icon
+- `clickable`, `onClick`, `iconLabel` removed, use `<IconButton>` in case of a clickable icon [codemod]
+
+
 ### Label
 
 - `wrapperClassName` -> `className` [codemod]
diff --git a/packages/core/src/components/Accordion/Accordion/__tests__/__snapshots__/Accordion.snapshot.test.js.snap b/packages/core/src/components/Accordion/Accordion/__tests__/__snapshots__/Accordion.snapshot.test.js.snap
index d4b55b317c..c97b28cb3a 100644
--- a/packages/core/src/components/Accordion/Accordion/__tests__/__snapshots__/Accordion.snapshot.test.js.snap
+++ b/packages/core/src/components/Accordion/Accordion/__tests__/__snapshots__/Accordion.snapshot.test.js.snap
@@ -29,7 +29,6 @@ exports[`Accordion renders correctly with allowMultiple 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -73,7 +72,6 @@ exports[`Accordion renders correctly with allowMultiple 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -112,7 +110,6 @@ exports[`Accordion renders correctly with allowMultiple 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -164,7 +161,6 @@ exports[`Accordion renders correctly with children 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -203,7 +199,6 @@ exports[`Accordion renders correctly with children 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -242,7 +237,6 @@ exports[`Accordion renders correctly with children 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -299,7 +293,6 @@ exports[`Accordion renders correctly with custom AccordionItem title 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -346,7 +339,6 @@ exports[`Accordion renders correctly with defaultIndex prop 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -390,7 +382,6 @@ exports[`Accordion renders correctly with defaultIndex prop 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -429,7 +420,6 @@ exports[`Accordion renders correctly with defaultIndex prop 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
diff --git a/packages/core/src/components/Accordion/AccordionItem/__tests__/__snapshots__/AccordionItem.snapshot.test.js.snap b/packages/core/src/components/Accordion/AccordionItem/__tests__/__snapshots__/AccordionItem.snapshot.test.js.snap
index 10f7d3d22a..ca6a99ab77 100644
--- a/packages/core/src/components/Accordion/AccordionItem/__tests__/__snapshots__/AccordionItem.snapshot.test.js.snap
+++ b/packages/core/src/components/Accordion/AccordionItem/__tests__/__snapshots__/AccordionItem.snapshot.test.js.snap
@@ -29,7 +29,6 @@ exports[`AccordionItem renders correctly with children 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -83,7 +82,6 @@ exports[`AccordionItem renders correctly with className 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -135,7 +133,6 @@ exports[`AccordionItem renders correctly with iconSize 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="36"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="36"
           >
@@ -187,7 +184,6 @@ exports[`AccordionItem renders correctly with id 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
@@ -245,7 +241,6 @@ exports[`AccordionItem renders correctly with title 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="24"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="24"
           >
diff --git a/packages/core/src/components/AlertBanner/__tests__/__snapshots__/AlertBanner.snapshot.test.js.snap b/packages/core/src/components/AlertBanner/__tests__/__snapshots__/AlertBanner.snapshot.test.js.snap
index 89a5732549..864d958670 100644
--- a/packages/core/src/components/AlertBanner/__tests__/__snapshots__/AlertBanner.snapshot.test.js.snap
+++ b/packages/core/src/components/AlertBanner/__tests__/__snapshots__/AlertBanner.snapshot.test.js.snap
@@ -41,7 +41,6 @@ exports[`AlertBanner should render correctly with background color 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20"
       >
@@ -131,7 +130,6 @@ exports[`AlertBanner should render correctly with props 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20"
       >
@@ -188,7 +186,6 @@ exports[`AlertBanner should render correctly without props 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20"
       >
@@ -328,7 +325,6 @@ exports[`AlertBanner should render with correctly with multiple elements 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20"
       >
@@ -425,7 +421,6 @@ exports[`AlertBanner should render with correctly with text and button 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20"
       >
@@ -526,7 +521,6 @@ exports[`AlertBanner should render with correctly with text and link 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20"
       >
diff --git a/packages/core/src/components/AttentionBox/AttentionBox.tsx b/packages/core/src/components/AttentionBox/AttentionBox.tsx
index 2afb9c2aa6..4b75500579 100644
--- a/packages/core/src/components/AttentionBox/AttentionBox.tsx
+++ b/packages/core/src/components/AttentionBox/AttentionBox.tsx
@@ -54,18 +54,6 @@ const AttentionBox: React.FC<AttentionBoxProps> & {
   "data-testid": dataTestId,
   closeButtonAriaLabel = "Close"
 }) => {
-  const iconLabel = useMemo(() => {
-    if (type === AttentionBoxType.DANGER) {
-      return "alert";
-    }
-
-    if (type === AttentionBoxType.SUCCESS) {
-      return "success";
-    }
-
-    return "attention";
-  }, [type]);
-
   const defaultIcon = useMemo(() => {
     return type === AttentionBox.types.PRIMARY ? InfoIcon : AlertIcon;
   }, [type]);
@@ -90,11 +78,9 @@ const AttentionBox: React.FC<AttentionBoxProps> & {
               className={styles.icon}
               iconType={iconType}
               ariaHidden
-              clickable={false}
               icon={overrideIcon}
               ignoreFocusStyle
               iconSize="20"
-              iconLabel={iconLabel}
             />
           )}
           <Text type={Text.types.TEXT1} element="h5" weight={Text.weights.MEDIUM} className={styles.title}>
@@ -104,15 +90,7 @@ const AttentionBox: React.FC<AttentionBoxProps> & {
       )}
       <Flex justify={Flex.justify.START} align={Flex.align.CENTER} gap={Flex.gaps.XS}>
         {!title && compact && !withoutIcon && withIconWithoutHeader && (
-          <Icon
-            iconType={iconType}
-            iconSize={18}
-            ariaHidden
-            clickable={false}
-            icon={overrideIcon}
-            ignoreFocusStyle
-            iconLabel={iconLabel}
-          />
+          <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />
         )}
         <Text
           type={Text.types.TEXT2}
diff --git a/packages/core/src/components/AttentionBox/__tests__/__snapshots__/AttentionBox.snapshot.test.tsx.snap b/packages/core/src/components/AttentionBox/__tests__/__snapshots__/AttentionBox.snapshot.test.tsx.snap
index 37a3dd4deb..0b06e580c0 100644
--- a/packages/core/src/components/AttentionBox/__tests__/__snapshots__/AttentionBox.snapshot.test.tsx.snap
+++ b/packages/core/src/components/AttentionBox/__tests__/__snapshots__/AttentionBox.snapshot.test.tsx.snap
@@ -20,7 +20,6 @@ exports[`AttentionBox renders correctly renders correctly 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -76,7 +75,6 @@ exports[`AttentionBox renders correctly renders correctly className 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -132,7 +130,6 @@ exports[`AttentionBox renders correctly renders correctly dark type 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -188,7 +185,6 @@ exports[`AttentionBox renders correctly renders correctly when compact 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -330,7 +326,6 @@ exports[`AttentionBox renders correctly renders correctly with onClose 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -394,7 +389,6 @@ exports[`AttentionBox renders correctly renders correctly with onClose 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20"
       >
@@ -457,7 +451,6 @@ exports[`AttentionBox renders correctly renders with icon font type 1`] = `
       aria-hidden={true}
       className="icon icon noFocusStyle fa fa fa-star"
       data-testid="icon"
-      onClick={[Function]}
       role="img"
     />
     <h5
diff --git a/packages/core/src/components/Avatar/AvatarBadge.tsx b/packages/core/src/components/Avatar/AvatarBadge.tsx
index fe71f57500..f79925b001 100644
--- a/packages/core/src/components/Avatar/AvatarBadge.tsx
+++ b/packages/core/src/components/Avatar/AvatarBadge.tsx
@@ -39,16 +39,7 @@ export const AvatarBadge: React.FC<AvatarBadgeProps> & {
   const testId = dataTestId || getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);
 
   if (icon) {
-    return (
-      <Icon
-        icon={icon}
-        iconLabel={ariaLabel}
-        className={classNames}
-        clickable={tabIndex === -1}
-        {...otherProps}
-        data-testid={testId}
-      />
-    );
+    return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;
   }
 
   return src ? (
diff --git a/packages/core/src/components/Avatar/AvatarContent.tsx b/packages/core/src/components/Avatar/AvatarContent.tsx
index 6b057e47c6..560de550f3 100644
--- a/packages/core/src/components/Avatar/AvatarContent.tsx
+++ b/packages/core/src/components/Avatar/AvatarContent.tsx
@@ -57,7 +57,6 @@ export const AvatarContent: React.FC<AvatarContentProps> & {
           icon={icon}
           aria-label={ariaLabel}
           // role={role}
-          clickable={false}
           className={className}
           ariaHidden={false}
           id={id}
diff --git a/packages/core/src/components/Button/Button.tsx b/packages/core/src/components/Button/Button.tsx
index 9e4a26a303..461f957b68 100644
--- a/packages/core/src/components/Button/Button.tsx
+++ b/packages/core/src/components/Button/Button.tsx
@@ -310,7 +310,6 @@ const Button: VibeComponent<ButtonProps, unknown> & {
           {leftIcon ? (
             <Icon
               iconType={Icon?.type.ICON_FONT}
-              clickable={false}
               icon={leftIcon}
               iconSize={leftIconSize}
               className={cx({
@@ -323,7 +322,6 @@ const Button: VibeComponent<ButtonProps, unknown> & {
           {rightIcon ? (
             <Icon
               iconType={Icon?.type.ICON_FONT}
-              clickable={false}
               icon={rightIcon}
               iconSize={rightIconSize}
               className={cx({
@@ -357,7 +355,6 @@ const Button: VibeComponent<ButtonProps, unknown> & {
             {successIcon ? (
               <Icon
                 iconType={Icon?.type.ICON_FONT}
-                clickable={false}
                 icon={successIcon}
                 iconSize={successIconSize}
                 className={cx({
diff --git a/packages/core/src/components/Button/__tests__/__snapshots__/Button.snapshot.test.js.snap b/packages/core/src/components/Button/__tests__/__snapshots__/Button.snapshot.test.js.snap
index 28c0139270..3a999a911f 100644
--- a/packages/core/src/components/Button/__tests__/__snapshots__/Button.snapshot.test.js.snap
+++ b/packages/core/src/components/Button/__tests__/__snapshots__/Button.snapshot.test.js.snap
@@ -370,7 +370,6 @@ exports[`Button renders correctly renders correctly with leftIcon 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -422,7 +421,6 @@ exports[`Button renders correctly renders correctly with rightIcon 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
diff --git a/packages/core/src/components/Checkbox/Checkbox.tsx b/packages/core/src/components/Checkbox/Checkbox.tsx
index 857718722f..1ed423fd3c 100644
--- a/packages/core/src/components/Checkbox/Checkbox.tsx
+++ b/packages/core/src/components/Checkbox/Checkbox.tsx
@@ -141,7 +141,6 @@ const Checkbox: VibeComponent<CheckBoxProps, HTMLInputElement> = forwardRef(
             iconType={Icon.type.SVG}
             icon={indeterminate ? Remove : Check}
             ignoreFocusStyle
-            clickable={false}
             ariaHidden={true}
             iconSize="16"
           />
diff --git a/packages/core/src/components/Checkbox/__tests__/__snapshots__/Checkbox.snapshot.test.tsx.snap b/packages/core/src/components/Checkbox/__tests__/__snapshots__/Checkbox.snapshot.test.tsx.snap
index 49a900db2a..4e266830bc 100644
--- a/packages/core/src/components/Checkbox/__tests__/__snapshots__/Checkbox.snapshot.test.tsx.snap
+++ b/packages/core/src/components/Checkbox/__tests__/__snapshots__/Checkbox.snapshot.test.tsx.snap
@@ -28,7 +28,6 @@ exports[`Checkbox renders correctly when autoFocus 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -74,7 +73,6 @@ exports[`Checkbox renders correctly when checked 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -120,7 +118,6 @@ exports[`Checkbox renders correctly when default checked 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -166,7 +163,6 @@ exports[`Checkbox renders correctly when disabled 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -212,7 +208,6 @@ exports[`Checkbox renders correctly when interminate 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -259,7 +254,6 @@ exports[`Checkbox renders correctly with ariaLabelledBy 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -305,7 +299,6 @@ exports[`Checkbox renders correctly with empty props 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -351,7 +344,6 @@ exports[`Checkbox renders correctly with name 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -397,7 +389,6 @@ exports[`Checkbox renders correctly with props 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -445,7 +436,6 @@ exports[`Checkbox renders correctly with value 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -491,7 +481,6 @@ exports[`Checkbox renders correctly without label 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
diff --git a/packages/core/src/components/Chips/Chips.tsx b/packages/core/src/components/Chips/Chips.tsx
index 144f6b8707..2101dda6c7 100644
--- a/packages/core/src/components/Chips/Chips.tsx
+++ b/packages/core/src/components/Chips/Chips.tsx
@@ -228,7 +228,6 @@ const Chips: VibeComponent<ChipsProps, HTMLDivElement> & {
           <Icon
             className={cx(styles.icon, styles.left, iconClassName)}
             iconType={Icon.type.ICON_FONT}
-            clickable={false}
             icon={leftIcon}
             iconSize={iconSize}
             ignoreFocusStyle
@@ -242,7 +241,6 @@ const Chips: VibeComponent<ChipsProps, HTMLDivElement> & {
           <Icon
             className={cx(styles.icon, styles.right, iconClassName)}
             iconType={Icon.type.ICON_FONT}
-            clickable={false}
             icon={rightIcon}
             iconSize={iconSize}
             ignoreFocusStyle
diff --git a/packages/core/src/components/Chips/__tests__/__snapshots__/Chips.snapshot.test.tsx.snap b/packages/core/src/components/Chips/__tests__/__snapshots__/Chips.snapshot.test.tsx.snap
index 5a92346ca1..eaca18599b 100644
--- a/packages/core/src/components/Chips/__tests__/__snapshots__/Chips.snapshot.test.tsx.snap
+++ b/packages/core/src/components/Chips/__tests__/__snapshots__/Chips.snapshot.test.tsx.snap
@@ -67,7 +67,6 @@ exports[`Chips renders correctly renders correctly with color 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -128,7 +127,6 @@ exports[`Chips renders correctly renders correctly with empty props 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -240,7 +238,6 @@ exports[`Chips renders correctly renders correctly with left custom renderer 1`]
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -273,7 +270,6 @@ exports[`Chips renders correctly renders correctly with left icon 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="18"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="18"
   >
@@ -390,7 +386,6 @@ exports[`Chips renders correctly renders correctly with right custom renderer 1`
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
@@ -453,7 +448,6 @@ exports[`Chips renders correctly renders correctly with right icon 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="18"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="18"
   >
@@ -513,7 +507,6 @@ exports[`Chips renders correctly renders correctly with text 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="16"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="16"
     >
diff --git a/packages/core/src/components/Combobox/__tests__/__snapshots__/Combobox.snapshot.test.js.snap b/packages/core/src/components/Combobox/__tests__/__snapshots__/Combobox.snapshot.test.js.snap
index 5f663c73db..b090e91372 100644
--- a/packages/core/src/components/Combobox/__tests__/__snapshots__/Combobox.snapshot.test.js.snap
+++ b/packages/core/src/components/Combobox/__tests__/__snapshots__/Combobox.snapshot.test.js.snap
@@ -24,7 +24,6 @@ exports[`Combobox renders correctly when disabled 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -87,7 +86,6 @@ exports[`Combobox renders correctly with another noResultsMessage 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -150,7 +148,6 @@ exports[`Combobox renders correctly with autoFocus 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -213,7 +210,6 @@ exports[`Combobox renders correctly with className 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -276,7 +272,6 @@ exports[`Combobox renders correctly with custom search icon 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -339,7 +334,6 @@ exports[`Combobox renders correctly with divider 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -501,7 +495,6 @@ exports[`Combobox renders correctly with divider and colored categories 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -673,7 +666,6 @@ exports[`Combobox renders correctly with empty props 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -736,7 +728,6 @@ exports[`Combobox renders correctly with id 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -799,7 +790,6 @@ exports[`Combobox renders correctly with loading 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -890,7 +880,6 @@ exports[`Combobox renders correctly with optionClassName 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -953,7 +942,6 @@ exports[`Combobox renders correctly with optionLineHeight 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -1016,7 +1004,6 @@ exports[`Combobox renders correctly with optionRenderer 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -1133,7 +1120,6 @@ exports[`Combobox renders correctly with optionsListHeight 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -1196,7 +1182,6 @@ exports[`Combobox renders correctly with placeholder 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
@@ -1259,7 +1244,6 @@ exports[`Combobox renders correctly with size 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="20px"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="20px"
       >
diff --git a/packages/core/src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx b/packages/core/src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx
index 37c3eeb568..b5973bcf60 100644
--- a/packages/core/src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx
+++ b/packages/core/src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx
@@ -83,7 +83,6 @@ const ComboboxOption: React.FC<ComboboxOptionProps> & { iconTypes?: typeof Combo
       <Icon
         className={cx(styles.optionIcon, className)}
         iconType={Icon.type.ICON_FONT}
-        clickable={false}
         icon={icon as SubIcon}
         iconSize={iconSize}
         ignoreFocusStyle
diff --git a/packages/core/src/components/DatePicker/DateNavigationItem/DateNavigationItem.tsx b/packages/core/src/components/DatePicker/DateNavigationItem/DateNavigationItem.tsx
index 37f1d19e54..2382b7d8b2 100644
--- a/packages/core/src/components/DatePicker/DateNavigationItem/DateNavigationItem.tsx
+++ b/packages/core/src/components/DatePicker/DateNavigationItem/DateNavigationItem.tsx
@@ -17,7 +17,7 @@ export interface DateNavigationItemProps {
 const DateNavigationItem = ({ kind, onClick }: DateNavigationItemProps) => {
   return (
     <button type="button" className={styles.navigationItemContainer} onClick={() => onClick && onClick()}>
-      <Icon iconType={Icon?.type?.SVG} icon={ICONS[kind]} iconSize={24} clickable={false} />
+      <Icon iconType={Icon?.type?.SVG} icon={ICONS[kind]} iconSize={24} />
     </button>
   );
 };
diff --git a/packages/core/src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx b/packages/core/src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx
index b419c7e077..2e39c29af8 100644
--- a/packages/core/src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx
+++ b/packages/core/src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx
@@ -42,7 +42,6 @@ const DatePickerHeader = (props: DatePickerHeaderProps) => {
               iconType={Icon?.type?.SVG}
               icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown}
               iconSize={24}
-              clickable={false}
             />
           </div>
         </button>
diff --git a/packages/core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.snapshot.test.js.snap b/packages/core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.snapshot.test.js.snap
index b3da9f129b..3b639e7849 100644
--- a/packages/core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.snapshot.test.js.snap
+++ b/packages/core/src/components/Dropdown/__tests__/__snapshots__/Dropdown.snapshot.test.js.snap
@@ -69,12 +69,11 @@ exports[`Dropdown renders correctly snapshot driver should open menu on click if
             class="dropdown-indicator css-1pxbrck-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="20px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="20px"
@@ -255,12 +254,11 @@ exports[`Dropdown renders correctly snapshot driver should open menu on focus if
             class="dropdown-indicator css-slqvkp-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="20px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="20px"
@@ -334,12 +332,11 @@ exports[`Dropdown renders correctly snapshot driver should render correctly for
             class="dropdown-indicator css-prutdb-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="16px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="16px"
@@ -413,12 +410,11 @@ exports[`Dropdown renders correctly snapshot driver should render correctly for
             class="dropdown-indicator css-prutdb-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="16px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="16px"
@@ -492,12 +488,11 @@ exports[`Dropdown renders correctly snapshot driver should render correctly for
             class="dropdown-indicator css-prutdb-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="16px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="16px"
@@ -571,12 +566,11 @@ exports[`Dropdown renders correctly snapshot driver should render correctly for
             class="dropdown-indicator css-1ycu3uq-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="20px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="20px"
@@ -650,12 +644,11 @@ exports[`Dropdown renders correctly snapshot driver should render correctly for
             class="dropdown-indicator css-1uglcx3-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="20px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="20px"
@@ -729,12 +722,11 @@ exports[`Dropdown renders correctly snapshot driver should render correctly with
             class="dropdown-indicator css-1ycu3uq-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="20px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="20px"
@@ -837,12 +829,11 @@ exports[`Dropdown renders correctly snapshot driver should use async if set 1`]
             class="dropdown-indicator css-slqvkp-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="20px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="20px"
@@ -931,12 +922,11 @@ exports[`Dropdown renders correctly snapshot driver should use virtualization if
             class="dropdown-indicator css-1pxbrck-indicatorContainer"
           >
             <svg
-              aria-hidden="false"
-              class="icon clickable"
+              aria-hidden="true"
+              class="icon"
               data-testid="icon"
               fill="currentColor"
               height="20px"
-              role="button"
               tabindex="-1"
               viewBox="0 0 20 20"
               width="20px"
@@ -1287,7 +1277,6 @@ exports[`Dropdown renders correctly when disabled 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -1353,13 +1342,11 @@ exports[`Dropdown renders correctly when readOnly 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -1471,13 +1458,11 @@ exports[`Dropdown renders correctly when rtl 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -1589,13 +1574,11 @@ exports[`Dropdown renders correctly with autoFocus 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -1683,7 +1666,6 @@ exports[`Dropdown renders correctly with chip colors 1`] = `
                   data-testid="icon"
                   fill="currentColor"
                   height="16"
-                  onClick={[Function]}
                   viewBox="0 0 20 20"
                   width="16"
                 >
@@ -1743,7 +1725,6 @@ exports[`Dropdown renders correctly with chip colors 1`] = `
                   data-testid="icon"
                   fill="currentColor"
                   height="16"
-                  onClick={[Function]}
                   viewBox="0 0 20 20"
                   width="16"
                 >
@@ -1806,7 +1787,6 @@ exports[`Dropdown renders correctly with chip colors 1`] = `
                     data-testid="icon"
                     fill="currentColor"
                     height="16"
-                    onClick={[Function]}
                     viewBox="0 0 20 20"
                     width="16"
                   >
@@ -1893,13 +1873,11 @@ exports[`Dropdown renders correctly with chip colors 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -1922,13 +1900,11 @@ exports[`Dropdown renders correctly with chip colors 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2040,13 +2016,11 @@ exports[`Dropdown renders correctly with className 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2161,13 +2135,11 @@ exports[`Dropdown renders correctly with defaultValue 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2190,13 +2162,11 @@ exports[`Dropdown renders correctly with defaultValue 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2308,13 +2278,11 @@ exports[`Dropdown renders correctly with empty props 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2426,13 +2394,11 @@ exports[`Dropdown renders correctly with id 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2546,7 +2512,6 @@ exports[`Dropdown renders correctly with leftAvatar 1`] = `
                     data-testid="icon"
                     fill="currentColor"
                     height="16"
-                    onClick={[Function]}
                     viewBox="0 0 20 20"
                     width="16"
                   >
@@ -2633,13 +2598,11 @@ exports[`Dropdown renders correctly with leftAvatar 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2662,13 +2625,11 @@ exports[`Dropdown renders correctly with leftAvatar 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2731,7 +2692,6 @@ exports[`Dropdown renders correctly with leftIcon 1`] = `
                   data-testid="icon"
                   fill="currentColor"
                   height="18"
-                  onClick={[Function]}
                   viewBox="0 0 20 20"
                   width="18"
                 >
@@ -2776,7 +2736,6 @@ exports[`Dropdown renders correctly with leftIcon 1`] = `
                     data-testid="icon"
                     fill="currentColor"
                     height="16"
-                    onClick={[Function]}
                     viewBox="0 0 20 20"
                     width="16"
                   >
@@ -2863,13 +2822,11 @@ exports[`Dropdown renders correctly with leftIcon 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -2892,13 +2849,11 @@ exports[`Dropdown renders correctly with leftIcon 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -3028,13 +2983,11 @@ exports[`Dropdown renders correctly with multi 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -3200,7 +3153,6 @@ exports[`Dropdown renders correctly with multi and disabled 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -3315,13 +3267,11 @@ exports[`Dropdown renders correctly with multi and readonly 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -3433,13 +3383,11 @@ exports[`Dropdown renders correctly with multiline 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -3551,13 +3499,11 @@ exports[`Dropdown renders correctly with options 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -3669,13 +3615,11 @@ exports[`Dropdown renders correctly with placeholder 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -3787,13 +3731,11 @@ exports[`Dropdown renders correctly with tabIndex 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -3915,13 +3857,11 @@ exports[`Dropdown renders correctly with tooltipContent 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -4036,13 +3976,11 @@ exports[`Dropdown renders correctly with value 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -4065,13 +4003,11 @@ exports[`Dropdown renders correctly with value 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
@@ -4183,13 +4119,11 @@ exports[`Dropdown renders correctly without clear button 1`] = `
           onTouchEnd={[Function]}
         >
           <svg
-            aria-hidden={false}
-            className="icon clickable"
+            aria-hidden={true}
+            className="icon"
             data-testid="icon"
             fill="currentColor"
             height="20px"
-            onClick={[Function]}
-            role="button"
             tabIndex={-1}
             viewBox="0 0 20 20"
             width="20px"
diff --git a/packages/core/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx b/packages/core/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx
index 0269beb6f4..d2b5e267ed 100644
--- a/packages/core/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx
+++ b/packages/core/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx
@@ -33,11 +33,11 @@ export const ChildrenContent = ({ data, children, readOnly }) => {
               customSize={20}
             />
           )}
-          {data?.leftIcon && <Icon iconSize={18} icon={data.leftIcon} clickable={false} />}
+          {data?.leftIcon && <Icon iconSize={18} icon={data.leftIcon} />}
         </>
       )}
       {children}
-      {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} clickable={false} />}
+      {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}
       {data?.rightAvatar && (
         <Avatar withoutBorder square={data.square} src={data.rightAvatar} type={Avatar.types.IMG} customSize={20} />
       )}
diff --git a/packages/core/src/components/ExpandCollapse/ExpandCollapse.tsx b/packages/core/src/components/ExpandCollapse/ExpandCollapse.tsx
index 6a55aa183b..d66e0e076b 100644
--- a/packages/core/src/components/ExpandCollapse/ExpandCollapse.tsx
+++ b/packages/core/src/components/ExpandCollapse/ExpandCollapse.tsx
@@ -123,7 +123,6 @@ const ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(
               iconType={Icon.type.SVG}
               icon={DropdownChevronDown}
               iconSize={iconSize}
-              clickable={false}
             />
           </button>
           {isExpanded && (
diff --git a/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx b/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx
index 0df2177734..eb099c7875 100644
--- a/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx
+++ b/packages/core/src/components/ExpandCollapse/__stories__/ExpandCollapse.stories.tsx
@@ -34,7 +34,7 @@ export const Overview = {
       <Text type={Text.types.TEXT2} maxLines={2}>
         Insert here any component that you want, here is a robot for you
       </Text>,
-      <Icon iconType={Icon.type.SVG} icon={Robot} iconSize={40} clickable={false} />
+      <Icon iconType={Icon.type.SVG} icon={Robot} iconSize={40} />
     ],
     className: styles.storybookExpandCollapse
   }
diff --git a/packages/core/src/components/ExpandCollapse/__tests__/__snapshots__/ExpandCollapse.test.js.snap b/packages/core/src/components/ExpandCollapse/__tests__/__snapshots__/ExpandCollapse.test.js.snap
index fbe9e0bee7..a11e6c8bd9 100644
--- a/packages/core/src/components/ExpandCollapse/__tests__/__snapshots__/ExpandCollapse.test.js.snap
+++ b/packages/core/src/components/ExpandCollapse/__tests__/__snapshots__/ExpandCollapse.test.js.snap
@@ -21,7 +21,6 @@ exports[`ExpandCollapse renders correctly with empty props 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="24"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="24"
       >
diff --git a/packages/core/src/components/FieldLabel/FieldLabel.tsx b/packages/core/src/components/FieldLabel/FieldLabel.tsx
index 61b60a9b2c..1a4658b51f 100644
--- a/packages/core/src/components/FieldLabel/FieldLabel.tsx
+++ b/packages/core/src/components/FieldLabel/FieldLabel.tsx
@@ -6,7 +6,6 @@ import styles from "./FieldLabel.module.scss";
 
 export interface FieldLabelProps extends VibeComponentProps {
   icon?: string | React.FunctionComponent | null;
-  iconLabel?: string;
   labelText?: string;
   labelFor?: string;
   iconClassName?: string;
@@ -16,15 +15,7 @@ export interface FieldLabelProps extends VibeComponentProps {
 
 const FieldLabel: FC<FieldLabelProps> = forwardRef(
   (
-    {
-      icon = "",
-      iconLabel = "",
-      labelText = "",
-      labelFor = "",
-      iconClassName = "",
-      labelClassName = "",
-      requiredAsterisk = false
-    },
+    { icon = "", labelText = "", labelFor = "", iconClassName = "", labelClassName = "", requiredAsterisk = false },
     ref: ForwardedRef<HTMLLabelElement>
   ) => {
     if (!labelText) {
@@ -37,8 +28,6 @@ const FieldLabel: FC<FieldLabelProps> = forwardRef(
           icon={icon}
           className={cx(styles.labelComponentIcon, iconClassName)}
           id={labelFor}
-          clickable={false}
-          iconLabel={iconLabel}
           iconType={Icon.type.ICON_FONT}
         />
         <label htmlFor={labelFor} ref={ref} className={cx(styles.labelComponentText, labelClassName)}>
diff --git a/packages/core/src/components/Icon/Icon.tsx b/packages/core/src/components/Icon/Icon.tsx
index e87befb5d8..05033d8cf7 100644
--- a/packages/core/src/components/Icon/Icon.tsx
+++ b/packages/core/src/components/Icon/Icon.tsx
@@ -6,16 +6,12 @@ import { IconType } from "./IconConstants";
 import CustomSvgIcon from "./CustomSvgIcon/CustomSvgIcon";
 import FontIcon from "./FontIcon/FontIcon";
 import useIconProps from "./hooks/useIconProps";
-import { VibeComponentProps, VibeComponent, MouseEventCallBack, SubIcon, withStaticProps } from "../../types";
-
-// eslint-disable-next-line no-unused-vars,@typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
-const CLICK_NOOP = (_event: React.MouseEvent) => {};
+import { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from "../../types";
 
 export interface IconSubComponentProps {
   ref?: Ref<HTMLElement>;
   id?: string;
   size?: string | number;
-  onClick?: MouseEventCallBack;
   className?: string;
   style?: CSSProperties;
   "data-testid"?: string;
@@ -27,20 +23,10 @@ function renderIcon(Icon: SubIcon, props: IconSubComponentProps) {
 }
 
 export interface IconProps extends VibeComponentProps {
-  // eslint-disable-next-line no-unused-vars
-  onClick?: (event: React.MouseEvent) => void;
   /**
    * We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component
    */
   icon: SubIcon;
-  /**
-   * Is icon is a button
-   */
-  clickable?: boolean;
-  /**
-mo   * Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)
-   */
-  iconLabel?: string;
   /**
    *  The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))
    */
@@ -76,16 +62,13 @@ const Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconType } =
        * component id
        */
       id,
-      onClick = CLICK_NOOP,
       className,
       icon = "",
-      clickable = true,
-      iconLabel,
       iconType = IconType.SVG,
       iconSize = 16,
       ignoreFocusStyle = false,
       tabindex: externalTabIndex,
-      ariaHidden,
+      ariaHidden = true,
       style,
       useCurrentColor = false,
       customColor,
@@ -94,16 +77,12 @@ const Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconType } =
     ref
   ) => {
     const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;
-    const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({
-      onClick,
-      iconLabel,
-      clickable,
+    const { screenReaderAccessProps, computedClassName, iconRef } = useIconProps({
       className,
       isDecorationOnly: ariaHidden,
       ignoreFocusStyle,
       externalTabIndex: overrideExternalTabIndex
     });
-
     const mergedRef = useMergeRef(ref, iconRef);
 
     if (!icon) {
@@ -122,7 +101,6 @@ const Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconType } =
         ...screenReaderAccessProps,
         ref: isFunctionType ? undefined : mergedRef,
         size: iconSize.toString(),
-        onClick,
         className: computedClassName,
         style,
         "data-testid": overrideDataTestId
@@ -135,7 +113,6 @@ const Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconType } =
           src={icon}
           {...screenReaderAccessProps}
           className={cx(computedClassName)}
-          onClick={onClickCallback}
           replaceToCurrentColor={useCurrentColor}
           customColor={customColor}
           data-testid={overrideDataTestId}
@@ -147,7 +124,6 @@ const Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconType } =
         id={id}
         {...screenReaderAccessProps}
         className={cx(computedClassName)}
-        onClick={onClickCallback}
         ref={mergedRef}
         icon={icon}
         data-testid={overrideDataTestId}
diff --git a/packages/core/src/components/Icon/__stories__/Icon.stories.tsx b/packages/core/src/components/Icon/__stories__/Icon.stories.tsx
index c5e0da41f5..7b5111ec36 100644
--- a/packages/core/src/components/Icon/__stories__/Icon.stories.tsx
+++ b/packages/core/src/components/Icon/__stories__/Icon.stories.tsx
@@ -31,13 +31,13 @@ export const Overview = {
 };
 
 export const VibeIcon = {
-  render: () => <Icon iconType={Icon.type.SVG} icon={Bolt} iconLabel="my bolt svg icon" iconSize={16} />,
+  render: () => <Icon iconType={Icon.type.SVG} icon={Bolt} iconSize={16} />,
 
   name: "Vibe Icon"
 };
 
 export const FontIcon = {
-  render: () => <Icon iconType={Icon.type.ICON_FONT} iconLabel="my font awesome start icon" icon="fa fa-star" />,
+  render: () => <Icon iconType={Icon.type.ICON_FONT} icon="fa fa-star" />,
 
   name: "Font Icon"
 };
@@ -47,7 +47,6 @@ export const CustomSvg = {
     <Icon
       iconType={Icon.type.SRC}
       icon="https://cdn.monday.com/images/apps/custom-icons/Form.svg"
-      iconLabel="my src awesome icon"
       className="icon-story-custom-icon"
       useCurrentColor
     />
@@ -63,7 +62,7 @@ export const Color = {
         color: "var(--sb-color-sofia_pink)"
       }}
     >
-      <Icon iconType={Icon.type.SVG} icon={Bolt} iconLabel="my bolt svg icon" iconSize={16} />
+      <Icon iconType={Icon.type.SVG} icon={Bolt} iconSize={16} />
     </div>
   ),
 
diff --git a/packages/core/src/components/Icon/__stories__/IconsList.tsx b/packages/core/src/components/Icon/__stories__/IconsList.tsx
index 80a5ddb632..db8ab65633 100644
--- a/packages/core/src/components/Icon/__stories__/IconsList.tsx
+++ b/packages/core/src/components/Icon/__stories__/IconsList.tsx
@@ -38,7 +38,7 @@ export default function IconsList() {
 function IconDescription({ name, component: Component }: { name: SubIcon; component: SubIcon }) {
   return (
     <Flex className={styles.icon} gap={Flex.gaps.SMALL}>
-      <Icon icon={Component} iconSize={26} clickable={false} />
+      <Icon icon={Component} iconSize={26} />
       <span>{name as string}</span>
     </Flex>
   );
diff --git a/packages/core/src/components/IconButton/IconButton.tsx b/packages/core/src/components/IconButton/IconButton.tsx
index 35e0696457..6932b399eb 100644
--- a/packages/core/src/components/IconButton/IconButton.tsx
+++ b/packages/core/src/components/IconButton/IconButton.tsx
@@ -219,14 +219,7 @@ const IconButton: VibeComponent<IconButtonProps> & {
             loading={loading}
             loaderClassName={cx(styles.loader, getStyle(styles, size))}
           >
-            <Icon
-              icon={icon}
-              iconType={Icon.type.SVG}
-              iconSize={iconSize}
-              ignoreFocusStyle
-              className={iconClassName}
-              clickable={false}
-            />
+            <Icon icon={icon} iconType={Icon.type.SVG} iconSize={iconSize} ignoreFocusStyle className={iconClassName} />
           </Button>
         </Tooltip>
       </IconButtonWrapper>
diff --git a/packages/core/src/components/IconButton/__tests__/__snapshots__/IconButton.snapshot.test.tsx.snap b/packages/core/src/components/IconButton/__tests__/__snapshots__/IconButton.snapshot.test.tsx.snap
index efb0118733..4c764400e0 100644
--- a/packages/core/src/components/IconButton/__tests__/__snapshots__/IconButton.snapshot.test.tsx.snap
+++ b/packages/core/src/components/IconButton/__tests__/__snapshots__/IconButton.snapshot.test.tsx.snap
@@ -28,7 +28,6 @@ exports[`IconButton renders correctly with 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -70,7 +69,6 @@ exports[`IconButton renders correctly with active 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -124,7 +122,6 @@ exports[`IconButton renders correctly with aria label 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -168,7 +165,6 @@ exports[`IconButton renders correctly with disabled 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -210,7 +206,6 @@ exports[`IconButton renders correctly with empty props 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -253,7 +248,6 @@ exports[`IconButton renders correctly with id 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -295,7 +289,6 @@ exports[`IconButton renders correctly with size - large 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -337,7 +330,6 @@ exports[`IconButton renders correctly with size - medium 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -379,7 +371,6 @@ exports[`IconButton renders correctly with size - small 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="20"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="20"
   >
@@ -421,7 +412,6 @@ exports[`IconButton renders correctly with size - xs 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="16"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="16"
   >
@@ -463,7 +453,6 @@ exports[`IconButton renders correctly with size - xxs 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="16"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="16"
   >
diff --git a/packages/core/src/components/Link/Link.tsx b/packages/core/src/components/Link/Link.tsx
index aad5a19eb2..b8af88ffc9 100644
--- a/packages/core/src/components/Link/Link.tsx
+++ b/packages/core/src/components/Link/Link.tsx
@@ -107,7 +107,7 @@ const Link: VibeComponent<LinkProps, HTMLAnchorElement> & {
 
 function getIcon(shouldShow: boolean, icon: string | React.FunctionComponent | null, className: string) {
   if (!shouldShow) return;
-  return <Icon className={className} clickable={false} icon={icon} iconType={Icon.type.ICON_FONT} />;
+  return <Icon className={className} icon={icon} iconType={Icon.type.ICON_FONT} />;
 }
 
 export default withStaticProps(Link, {
diff --git a/packages/core/src/components/Link/__tests__/__snapshots__/Link.snapshot.test.tsx.snap b/packages/core/src/components/Link/__tests__/__snapshots__/Link.snapshot.test.tsx.snap
index fa540db61b..f9ec9c21d0 100644
--- a/packages/core/src/components/Link/__tests__/__snapshots__/Link.snapshot.test.tsx.snap
+++ b/packages/core/src/components/Link/__tests__/__snapshots__/Link.snapshot.test.tsx.snap
@@ -101,7 +101,6 @@ exports[`Link renders correctly with icon 1`] = `
     aria-hidden={true}
     className="icon iconStart fa fa fa-star"
     data-testid="icon"
-    onClick={[Function]}
     role="img"
   />
   <span
@@ -155,7 +154,6 @@ exports[`Link renders correctly with right icon 1`] = `
     aria-hidden={true}
     className="icon iconEnd fa fa fa-star"
     data-testid="icon"
-    onClick={[Function]}
     role="img"
   />
 </a>
diff --git a/packages/core/src/components/ListItemIcon/ListItemIcon.tsx b/packages/core/src/components/ListItemIcon/ListItemIcon.tsx
index 8e470653e8..cc02522c95 100644
--- a/packages/core/src/components/ListItemIcon/ListItemIcon.tsx
+++ b/packages/core/src/components/ListItemIcon/ListItemIcon.tsx
@@ -38,7 +38,7 @@ const ListItemIcon: VibeComponent<ListItemIconProps> & {
         id={id}
         aria-hidden="true"
       >
-        <Icon icon={icon} clickable={false} ignoreFocusStyle iconSize={LIST_ITEM_ICON_SIZE} />
+        <Icon icon={icon} ignoreFocusStyle iconSize={LIST_ITEM_ICON_SIZE} />
       </Component>
     );
   }
diff --git a/packages/core/src/components/ListItemIcon/__tests__/__snapshots__/ListItemIcon.test.js.snap b/packages/core/src/components/ListItemIcon/__tests__/__snapshots__/ListItemIcon.test.js.snap
index c942b674c1..7d13cef7da 100644
--- a/packages/core/src/components/ListItemIcon/__tests__/__snapshots__/ListItemIcon.test.js.snap
+++ b/packages/core/src/components/ListItemIcon/__tests__/__snapshots__/ListItemIcon.test.js.snap
@@ -18,7 +18,6 @@ exports[`renders correctly with icon 1`] = `
     data-testid="icon"
     fill="currentColor"
     height="18"
-    onClick={[Function]}
     viewBox="0 0 20 20"
     width="18"
   >
diff --git a/packages/core/src/components/Menu/MenuItem/MenuItem.tsx b/packages/core/src/components/Menu/MenuItem/MenuItem.tsx
index 53ef6d14f9..2444c38dd9 100644
--- a/packages/core/src/components/Menu/MenuItem/MenuItem.tsx
+++ b/packages/core/src/components/Menu/MenuItem/MenuItem.tsx
@@ -124,7 +124,6 @@ const MenuItem: VibeComponent<MenuItemProps | MenuItemTitleComponentProps> & {
       onMouseLeave,
       shouldScrollMenu,
       "data-testid": dataTestId,
-      "aria-label": ariaLabel,
       splitMenuItem = false
     },
     ref: ForwardedRef<HTMLElement>
@@ -229,8 +228,6 @@ const MenuItem: VibeComponent<MenuItemProps | MenuItemTitleComponentProps> & {
       [setSubMenuIsOpenByIndex, index, closeMenu]
     );
 
-    // if "title" is a component ariaLabel is mandatory
-    const iconLabel = ariaLabel ?? (title as string);
     const renderSubMenuIconIfNeeded = () => {
       if (!hasChildren) return null;
 
@@ -251,14 +248,7 @@ const MenuItem: VibeComponent<MenuItemProps | MenuItemTitleComponentProps> & {
         </div>
       ) : (
         <div className={styles.subMenuIconWrapper}>
-          <Icon
-            clickable={false}
-            icon={DropdownChevronRight}
-            iconLabel={iconLabel}
-            className={styles.subMenuIcon}
-            ignoreFocusStyle
-            iconSize={18}
-          />
+          <Icon icon={DropdownChevronRight} className={styles.subMenuIcon} ignoreFocusStyle iconSize={18} />
         </div>
       );
     };
@@ -288,9 +278,7 @@ const MenuItem: VibeComponent<MenuItemProps | MenuItemTitleComponentProps> & {
         <div className={cx(styles.iconWrapper, iconWrapperClassName)} style={iconWrapperStyle}>
           <Icon
             iconType={finalIconType}
-            clickable={false}
             icon={icon}
-            iconLabel={iconLabel}
             className={styles.icon}
             ignoreFocusStyle
             style={iconStyle}
diff --git a/packages/core/src/components/Menu/MenuItem/__tests__/__snapshots__/MenuItem.snapshot.test.js.snap b/packages/core/src/components/Menu/MenuItem/__tests__/__snapshots__/MenuItem.snapshot.test.js.snap
index 94b4de3859..cbe46e89c1 100644
--- a/packages/core/src/components/Menu/MenuItem/__tests__/__snapshots__/MenuItem.snapshot.test.js.snap
+++ b/packages/core/src/components/Menu/MenuItem/__tests__/__snapshots__/MenuItem.snapshot.test.js.snap
@@ -207,12 +207,10 @@ exports[`Snapshots renders correctly with title and SVG icon 1`] = `
   >
     <svg
       aria-hidden={true}
-      aria-label="my item"
       className="icon icon noFocusStyle"
       data-testid="icon"
       fill="currentColor"
       height="18"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="18"
     >
@@ -264,10 +262,8 @@ exports[`Snapshots renders correctly with title and font icon 1`] = `
   >
     <span
       aria-hidden={true}
-      aria-label="my item"
       className="icon icon noFocusStyle fa fa fa-star"
       data-testid="icon"
-      onClick={[Function]}
       role="img"
     />
   </div>
diff --git a/packages/core/src/components/Modal/ModalHeader/ModalHeader.tsx b/packages/core/src/components/Modal/ModalHeader/ModalHeader.tsx
index d1df3faf2e..157d6fa33e 100644
--- a/packages/core/src/components/Modal/ModalHeader/ModalHeader.tsx
+++ b/packages/core/src/components/Modal/ModalHeader/ModalHeader.tsx
@@ -101,7 +101,6 @@ const ModalHeader: FC<ModalHeaderProps> = ({
               iconType={Icon.type.SVG}
               iconSize={iconSize}
               ignoreFocusStyle
-              clickable={false}
             />
           )}
           <Heading id={id} maxLines={2}>
diff --git a/packages/core/src/components/MultiStepIndicator/__tests__/__snapshots__/MultiStepIndicator.snapshot.test.tsx.snap b/packages/core/src/components/MultiStepIndicator/__tests__/__snapshots__/MultiStepIndicator.snapshot.test.tsx.snap
index 588dc42cb0..7f53c583f6 100644
--- a/packages/core/src/components/MultiStepIndicator/__tests__/__snapshots__/MultiStepIndicator.snapshot.test.tsx.snap
+++ b/packages/core/src/components/MultiStepIndicator/__tests__/__snapshots__/MultiStepIndicator.snapshot.test.tsx.snap
@@ -33,7 +33,6 @@ exports[`MultiStepIndicator renders correctly with className 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="16"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="16"
           >
@@ -224,7 +223,6 @@ exports[`MultiStepIndicator renders correctly with dividerComponentClassName 1`]
             data-testid="icon"
             fill="currentColor"
             height="16"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="16"
           >
@@ -422,7 +420,6 @@ exports[`MultiStepIndicator renders correctly with fulfilledStepIcon 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="16"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="16"
           >
@@ -788,7 +785,6 @@ exports[`MultiStepIndicator renders correctly with mode compact 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="16"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="16"
           >
@@ -964,7 +960,6 @@ exports[`MultiStepIndicator renders correctly with mode compact textPlacement ve
             data-testid="icon"
             fill="currentColor"
             height="16"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="16"
           >
@@ -1155,7 +1150,6 @@ exports[`MultiStepIndicator renders correctly with stepComponentClassName 1`] =
             data-testid="icon"
             fill="currentColor"
             height="16"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="16"
           >
@@ -1346,7 +1340,6 @@ exports[`MultiStepIndicator renders correctly with steps 1`] = `
             data-testid="icon"
             fill="currentColor"
             height="16"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="16"
           >
@@ -1537,7 +1530,6 @@ exports[`MultiStepIndicator renders correctly with textPlacement vertical 1`] =
             data-testid="icon"
             fill="currentColor"
             height="16"
-            onClick={[Function]}
             viewBox="0 0 20 20"
             width="16"
           >
diff --git a/packages/core/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx b/packages/core/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx
index 960fdaaa1a..572b3496f3 100644
--- a/packages/core/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx
+++ b/packages/core/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx
@@ -41,10 +41,8 @@ const StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({
     <Icon
       icon={fulfilledStepIcon}
       className={classNames(styles.numberContainerTextCheckIcon)}
-      iconLabel={StepStatus.FULFILLED}
       iconType={fulfilledStepIconType}
       ignoreFocusStyle
-      clickable={false}
       ariaHidden={true}
     />
   ) : (
diff --git a/packages/core/src/components/ResponsiveList/__stories__/ResponsiveList.stories.js b/packages/core/src/components/ResponsiveList/__stories__/ResponsiveList.stories.js
index 0d8e1bf444..a7028f8304 100644
--- a/packages/core/src/components/ResponsiveList/__stories__/ResponsiveList.stories.js
+++ b/packages/core/src/components/ResponsiveList/__stories__/ResponsiveList.stories.js
@@ -24,7 +24,7 @@ const ContainerForDemonstration = ({ children }) => {
           width={700}
           handle={
             <span className="custom-handle custom-handle-se">
-              <Icon icon={Open} iconSize={20} clickable={false} className="icon-resizer" />
+              <Icon icon={Open} iconSize={20} className="icon-resizer" />
             </span>
           }
           handleSize={[12, 12]}
diff --git a/packages/core/src/components/Search/Search.tsx b/packages/core/src/components/Search/Search.tsx
index f8af4f15bc..aa1cf386bf 100644
--- a/packages/core/src/components/Search/Search.tsx
+++ b/packages/core/src/components/Search/Search.tsx
@@ -64,7 +64,6 @@ const Search = forwardRef(
       <Icon
         icon={searchIconName}
         className={styles.icon}
-        clickable={false}
         iconType={Icon.type.ICON_FONT}
         iconSize={size === "small" ? "16px" : "20px"}
       />
diff --git a/packages/core/src/components/SplitButton/__tests__/__snapshots__/SplitButton.snapshot.test.js.snap b/packages/core/src/components/SplitButton/__tests__/__snapshots__/SplitButton.snapshot.test.js.snap
index f22319c326..a574208830 100644
--- a/packages/core/src/components/SplitButton/__tests__/__snapshots__/SplitButton.snapshot.test.js.snap
+++ b/packages/core/src/components/SplitButton/__tests__/__snapshots__/SplitButton.snapshot.test.js.snap
@@ -235,7 +235,6 @@ exports[`SplitButton renders correctly with left icon 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -463,7 +462,6 @@ exports[`SplitButton renders correctly with right icon 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
diff --git a/packages/core/src/components/Steps/StepsCommand.tsx b/packages/core/src/components/Steps/StepsCommand.tsx
index ca18bcfb28..e349126722 100644
--- a/packages/core/src/components/Steps/StepsCommand.tsx
+++ b/packages/core/src/components/Steps/StepsCommand.tsx
@@ -61,7 +61,6 @@ export const StepsCommand: FC<StepsCommandProps> = ({
       {isIconHidden ? null : (
         <Icon
           icon={icon}
-          clickable={false}
           className={cx(styles.icon, getStyle(styles, camelCase("color-" + color)), {
             [styles.disabled]: isDisabled
           })}
diff --git a/packages/core/src/components/Steps/__tests__/__snapshots__/Steps.snapshot.test.js.snap b/packages/core/src/components/Steps/__tests__/__snapshots__/Steps.snapshot.test.js.snap
index c42c3557c3..6afffb04a9 100644
--- a/packages/core/src/components/Steps/__tests__/__snapshots__/Steps.snapshot.test.js.snap
+++ b/packages/core/src/components/Steps/__tests__/__snapshots__/Steps.snapshot.test.js.snap
@@ -127,7 +127,6 @@ exports[`Steps with gallery type renders correctly when steps content is on top
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -178,7 +177,6 @@ exports[`Steps with gallery type renders correctly when steps content is on top
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -222,7 +220,6 @@ exports[`Steps with gallery type renders correctly when viewing first step 1`] =
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -272,7 +269,6 @@ exports[`Steps with gallery type renders correctly when viewing first step 1`] =
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -318,7 +314,6 @@ exports[`Steps with gallery type renders correctly when viewing last step 1`] =
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -369,7 +364,6 @@ exports[`Steps with gallery type renders correctly when viewing last step 1`] =
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -416,7 +410,6 @@ exports[`Steps with gallery type renders correctly with regular props 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -466,7 +459,6 @@ exports[`Steps with gallery type renders correctly with regular props 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -565,7 +557,6 @@ exports[`Steps with numeric type renders correctly when steps content is on top
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -603,7 +594,6 @@ exports[`Steps with numeric type renders correctly when steps content is on top
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -647,7 +637,6 @@ exports[`Steps with numeric type renders correctly when viewing first step 1`] =
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -684,7 +673,6 @@ exports[`Steps with numeric type renders correctly when viewing first step 1`] =
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -730,7 +718,6 @@ exports[`Steps with numeric type renders correctly when viewing last step 1`] =
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -768,7 +755,6 @@ exports[`Steps with numeric type renders correctly when viewing last step 1`] =
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -815,7 +801,6 @@ exports[`Steps with numeric type renders correctly with regular props 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
@@ -852,7 +837,6 @@ exports[`Steps with numeric type renders correctly with regular props 1`] = `
         data-testid="icon"
         fill="currentColor"
         height="16"
-        onClick={[Function]}
         viewBox="0 0 20 20"
         width="16"
       >
diff --git a/packages/core/src/components/Table/TableHeaderCell/TableHeaderCell.tsx b/packages/core/src/components/Table/TableHeaderCell/TableHeaderCell.tsx
index 1a5030f218..4c83eabd0e 100644
--- a/packages/core/src/components/Table/TableHeaderCell/TableHeaderCell.tsx
+++ b/packages/core/src/components/Table/TableHeaderCell/TableHeaderCell.tsx
@@ -63,7 +63,7 @@ const TableHeaderCell: VibeComponent<ITableHeaderCellProps, HTMLDivElement> = fo
           className={styles.tableHeaderCellContent}
           gap={Flex.gaps.XS}
         >
-          {icon && <Icon icon={icon} iconLabel="Icon" clickable={false} className={styles.icon} />}
+          {icon && <Icon icon={icon} className={styles.icon} />}
           {
             <Text type={Text.types.TEXT2} weight={Text.weights.MEDIUM} color={Text.colors.SECONDARY}>
               {title}
@@ -71,7 +71,7 @@ const TableHeaderCell: VibeComponent<ITableHeaderCellProps, HTMLDivElement> = fo
           }
           {infoContent && (
             <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>
-              <Icon icon={Info} iconLabel={infoContent} clickable={false} />
+              <Icon icon={Info} />
             </Tooltip>
           )}
         </Flex>
diff --git a/packages/core/src/components/Tabs/Tab/Tab.tsx b/packages/core/src/components/Tabs/Tab/Tab.tsx
index 113db8900c..75dbef696a 100644
--- a/packages/core/src/components/Tabs/Tab/Tab.tsx
+++ b/packages/core/src/components/Tabs/Tab/Tab.tsx
@@ -60,7 +60,6 @@ const Tab: FC<TabProps> = forwardRef(
 
       const iconElement = (
         <Icon
-          clickable={false}
           ariaHidden={true}
           iconType={iconType}
           icon={icon}
diff --git a/packages/core/src/components/Tabs/Tab/__tests__/__snapshots__/Tab.snapshot.test.js.snap b/packages/core/src/components/Tabs/Tab/__tests__/__snapshots__/Tab.snapshot.test.js.snap
index e4ba0b3bdf..3ab8a93a24 100644
--- a/packages/core/src/components/Tabs/Tab/__tests__/__snapshots__/Tab.snapshot.test.js.snap
+++ b/packages/core/src/components/Tabs/Tab/__tests__/__snapshots__/Tab.snapshot.test.js.snap
@@ -110,7 +110,6 @@ exports[`Tab renders correctly with icon on left 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="18"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="18"
     >
@@ -145,7 +144,6 @@ exports[`Tab renders correctly with icon on right 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="18"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="18"
     >
diff --git a/packages/core/src/components/TextField/TextField.tsx b/packages/core/src/components/TextField/TextField.tsx
index 3e16a42215..942cc7538b 100644
--- a/packages/core/src/components/TextField/TextField.tsx
+++ b/packages/core/src/components/TextField/TextField.tsx
@@ -23,8 +23,6 @@ import { ComponentDefaultTestId } from "../../tests/constants";
 import { VibeComponentProps, VibeComponent, withStaticProps } from "../../types";
 import styles from "./TextField.module.scss";
 
-const EMPTY_OBJECT = { primary: "", secondary: "", layout: "" };
-
 export interface TextFieldProps extends VibeComponentProps {
   placeholder?: string;
   /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options */
@@ -118,7 +116,6 @@ const TextField: VibeComponent<TextFieldProps, unknown> & {
       inputAriaLabel,
       searchResultsContainerId = "",
       activeDescendant = "",
-      iconsNames = EMPTY_OBJECT,
       type = TextFieldTextType.TEXT,
       maxLength = null,
       trim = false,
@@ -226,13 +223,7 @@ const TextField: VibeComponent<TextFieldProps, unknown> & {
         aria-busy={loading}
       >
         <div className={cx(styles.labelWrapper)}>
-          <FieldLabel
-            labelText={title}
-            icon={labelIconName}
-            iconLabel={iconsNames.layout}
-            labelFor={id}
-            requiredAsterisk={requiredAsterisk}
-          />
+          <FieldLabel labelText={title} icon={labelIconName} labelFor={id} requiredAsterisk={requiredAsterisk} />
           <div className={cx(styles.inputWrapper, SIZE_MAPPER[getActualSize(size)], validationClass)}>
             {/*Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule*/}
             {/*eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}
@@ -291,8 +282,6 @@ const TextField: VibeComponent<TextFieldProps, unknown> & {
               <Icon
                 icon={iconName}
                 className={cx(styles.icon)}
-                clickable={false}
-                iconLabel={iconsNames.primary}
                 iconType={Icon.type.ICON_FONT}
                 ignoreFocusStyle
                 iconSize={size === TextField.sizes.SMALL ? "16px" : "18px"}
@@ -311,8 +300,6 @@ const TextField: VibeComponent<TextFieldProps, unknown> & {
               <Icon
                 icon={secondaryIconName}
                 className={cx(styles.icon)}
-                clickable={false}
-                iconLabel={iconsNames.secondary}
                 iconType={Icon.type.ICON_FONT}
                 ignoreFocusStyle
                 iconSize={size === TextField.sizes.SMALL ? "16px" : "18px"}
diff --git a/packages/core/src/components/TextField/__tests__/TextField.test.js b/packages/core/src/components/TextField/__tests__/TextField.test.js
index 0ddcf05f0c..44de53292f 100644
--- a/packages/core/src/components/TextField/__tests__/TextField.test.js
+++ b/packages/core/src/components/TextField/__tests__/TextField.test.js
@@ -124,7 +124,7 @@ describe("TextField Tests", () => {
 
   it("should display an icon", () => {
     const iconNames = { primary: "Primary Icon" };
-    const { rerender, queryByLabelText } = inputComponent;
+    const { rerender, queryByTestId } = inputComponent;
     act(() => {
       rerender(
         <TextField
@@ -137,7 +137,7 @@ describe("TextField Tests", () => {
       );
     });
 
-    const icon = queryByLabelText(iconNames.primary);
+    const icon = queryByTestId("icon");
     expect(icon).toBeTruthy();
   });
 
diff --git a/packages/core/src/components/TextField/__tests__/__snapshots__/TextField.snapshot.test.js.snap b/packages/core/src/components/TextField/__tests__/__snapshots__/TextField.snapshot.test.js.snap
index 1f064fb67b..128898f615 100644
--- a/packages/core/src/components/TextField/__tests__/__snapshots__/TextField.snapshot.test.js.snap
+++ b/packages/core/src/components/TextField/__tests__/__snapshots__/TextField.snapshot.test.js.snap
@@ -708,10 +708,8 @@ exports[`TextField renders correctly with icon 1`] = `
       >
         <span
           aria-hidden={true}
-          aria-label=""
           className="icon icon noFocusStyle fa fa-star"
           data-testid="icon"
-          onClick={[Function]}
           role="img"
         />
       </div>
@@ -1169,10 +1167,8 @@ exports[`TextField renders correctly with secondaryIconName 1`] = `
       >
         <span
           aria-hidden={true}
-          aria-label=""
           className="icon icon noFocusStyle fa fa-star"
           data-testid="icon"
-          onClick={[Function]}
           role="img"
         />
       </div>
diff --git a/packages/core/src/components/Tipseen/__tests__/__snapshots__/Tipseen.test.js.snap b/packages/core/src/components/Tipseen/__tests__/__snapshots__/Tipseen.test.js.snap
index 80d8b25574..152d6b4210 100644
--- a/packages/core/src/components/Tipseen/__tests__/__snapshots__/Tipseen.test.js.snap
+++ b/packages/core/src/components/Tipseen/__tests__/__snapshots__/Tipseen.test.js.snap
@@ -143,7 +143,6 @@ exports[`Snapshot tests Tipseen tests renders correctly with dark close button t
                 data-testid="icon"
                 fill="currentColor"
                 height="16"
-                onClick={[Function]}
                 viewBox="0 0 20 20"
                 width="16"
               >
@@ -232,7 +231,6 @@ exports[`Snapshot tests Tipseen tests renders correctly with floating variation
               data-testid="icon"
               fill="currentColor"
               height="16"
-              onClick={[Function]}
               viewBox="0 0 20 20"
               width="16"
             >
@@ -381,7 +379,6 @@ exports[`Snapshot tests Tipseen tests renders correctly without props 1`] = `
                 data-testid="icon"
                 fill="currentColor"
                 height="16"
-                onClick={[Function]}
                 viewBox="0 0 20 20"
                 width="16"
               >
diff --git a/packages/core/src/components/Toast/ToastHelpers.tsx b/packages/core/src/components/Toast/ToastHelpers.tsx
index 7526263b47..d18bb48778 100644
--- a/packages/core/src/components/Toast/ToastHelpers.tsx
+++ b/packages/core/src/components/Toast/ToastHelpers.tsx
@@ -10,7 +10,6 @@ export const getIcon = (type: ToastType, icon: string | React.FC<IconSubComponen
   return icon || defaultIconMap[type] ? (
     <Icon
       iconType={icon ? Icon.type.ICON_FONT : Icon.type.SVG}
-      clickable={false}
       icon={icon || defaultIconMap[type]}
       iconSize={20}
       ignoreFocusStyle
diff --git a/packages/core/src/components/Toast/__tests__/__snapshots__/Toast.snapshot.test.js.snap b/packages/core/src/components/Toast/__tests__/__snapshots__/Toast.snapshot.test.js.snap
index a63ae49819..a406795744 100644
--- a/packages/core/src/components/Toast/__tests__/__snapshots__/Toast.snapshot.test.js.snap
+++ b/packages/core/src/components/Toast/__tests__/__snapshots__/Toast.snapshot.test.js.snap
@@ -18,7 +18,6 @@ exports[`Toast renders correctly and don't renders close button if closeable=fal
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -75,7 +74,6 @@ exports[`Toast renders correctly when open is true 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -137,7 +135,6 @@ exports[`Toast renders correctly when open is true 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -168,7 +165,6 @@ exports[`Toast renders correctly with button 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -244,7 +240,6 @@ exports[`Toast renders correctly with button 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -275,7 +270,6 @@ exports[`Toast renders correctly with button and link 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -369,7 +363,6 @@ exports[`Toast renders correctly with button and link 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -400,7 +393,6 @@ exports[`Toast renders correctly with link 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -480,7 +472,6 @@ exports[`Toast renders correctly with link 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -511,7 +502,6 @@ exports[`Toast renders correctly with loading 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -600,7 +590,6 @@ exports[`Toast renders correctly with loading 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -631,7 +620,6 @@ exports[`Toast renders correctly with negative type 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
@@ -693,7 +681,6 @@ exports[`Toast renders correctly with negative type 1`] = `
       data-testid="icon"
       fill="currentColor"
       height="20"
-      onClick={[Function]}
       viewBox="0 0 20 20"
       width="20"
     >
diff --git a/packages/core/src/components/Tooltip/Tooltip.tsx b/packages/core/src/components/Tooltip/Tooltip.tsx
index c20915af2b..57a436f122 100644
--- a/packages/core/src/components/Tooltip/Tooltip.tsx
+++ b/packages/core/src/components/Tooltip/Tooltip.tsx
@@ -224,7 +224,7 @@ export default class Tooltip extends PureComponent<TooltipProps> {
           <div className={cx(styles.content, getStyle(styles, camelCase("padding-size-" + paddingSize)))}>
             {title && (
               <Flex gap={Flex.gaps.XS}>
-                {icon && <Icon iconSize="20" icon={icon} clickable={false} />}
+                {icon && <Icon iconSize="20" icon={icon} />}
                 <div className={styles.title}>{title}</div>
               </Flex>
             )}
diff --git a/packages/core/src/storybook/components/related-components/descriptions/expand-collapse-description/expand-collapse-description.jsx b/packages/core/src/storybook/components/related-components/descriptions/expand-collapse-description/expand-collapse-description.jsx
index 203d816f0d..e3254f4be1 100644
--- a/packages/core/src/storybook/components/related-components/descriptions/expand-collapse-description/expand-collapse-description.jsx
+++ b/packages/core/src/storybook/components/related-components/descriptions/expand-collapse-description/expand-collapse-description.jsx
@@ -11,7 +11,7 @@ export const ExpandCollapseDescription = () => {
     return (
       <ExpandCollapse title="ExpandCollapse" className={styles.expandCollapseDescription}>
         <Text maxLines={2}>Insert any component that you want, here is a robot for you</Text>
-        <Icon iconType={Icon.type.SVG} icon={Robot} iconSize={40} clickable={false} />
+        <Icon iconType={Icon.type.SVG} icon={Robot} iconSize={40} />
       </ExpandCollapse>
     );
   }, []);