diff --git a/web/src/components/core/EmptyState.jsx b/web/src/components/core/EmptyState.jsx
index 056ca56e8a..72c69802ad 100644
--- a/web/src/components/core/EmptyState.jsx
+++ b/web/src/components/core/EmptyState.jsx
@@ -34,7 +34,7 @@ import {
 import { Icon } from "~/components/layout";
 
 /**
- * @typedef {import("~/components/layout/Icon").IconName} IconName
+ * @typedef {import("~/components/layout/Icon").IconProps} IconProps
  * @typedef {import("@patternfly/react-core").EmptyStateProps} EmptyStateProps
  * @typedef {import("@patternfly/react-core").EmptyStateHeaderProps} EmptyStateHeaderProps
  */
@@ -48,7 +48,7 @@ import { Icon } from "~/components/layout";
  *
  * @param {object} props
  * @param {string} props.title
- * @param {IconName} props.icon
+ * @param {IconProps["name"]} props.icon
  * @param {string} [props.color="color-100"]
  * @param {EmptyStateHeaderProps["headingLevel"]} [props.headingLevel="h4"]
  * @param {boolean} [props.noPadding=false]
diff --git a/web/src/components/layout/Icon.tsx b/web/src/components/layout/Icon.tsx
index acab440e37..6612381b44 100644
--- a/web/src/components/layout/Icon.tsx
+++ b/web/src/components/layout/Icon.tsx
@@ -152,7 +152,7 @@ const icons = {
 
 const PREDEFINED_SIZES = ["xxxs", "xxs", "xs", "s", "m", "l", "xl", "xxl", "xxxl"];
 
-type IconProps = React.SVGAttributes<SVGElement> & {
+export type IconProps = React.SVGAttributes<SVGElement> & {
   /** Name of the desired icon */
   name: keyof typeof icons;
   /** Size used for both, width and height.It can be a CSS unit or one of PREDEFINED_SIZES */