diff --git a/packages/components/src/base/TooltipIcon/index.tsx b/packages/components/src/base/TooltipIcon/index.tsx
new file mode 100644
index 00000000..c7c524a8
--- /dev/null
+++ b/packages/components/src/base/TooltipIcon/index.tsx
@@ -0,0 +1 @@
+export { TooltipIcon } from './tooltipicon';
diff --git a/packages/components/src/base/TooltipIcon/tooltipicon.tsx b/packages/components/src/base/TooltipIcon/tooltipicon.tsx
new file mode 100644
index 00000000..a97f9958
--- /dev/null
+++ b/packages/components/src/base/TooltipIcon/tooltipicon.tsx
@@ -0,0 +1,20 @@
+import { IconButton, IconButtonProps, Tooltip as MuiTooltip } from '@mui/material';
+import React, { ReactNode } from 'react';
+
+interface TooltipIconProps {
+  icon: ReactNode;
+  tooltipTitle: string;
+  iconButtonProps?: IconButtonProps;
+}
+
+export const TooltipIcon: React.FC<TooltipIconProps> = ({
+  icon,
+  tooltipTitle,
+  iconButtonProps = {}
+}: TooltipIconProps) => {
+  return (
+    <MuiTooltip title={tooltipTitle} arrow>
+      <IconButton {...iconButtonProps}>{icon}</IconButton>
+    </MuiTooltip>
+  );
+};