diff --git a/docs/src/componentDocs/EmptyState/playground/PlaygroundPage.tsx b/docs/src/componentDocs/EmptyState/playground/PlaygroundPage.tsx
index cfc960a04..79947dbce 100644
--- a/docs/src/componentDocs/EmptyState/playground/PlaygroundPage.tsx
+++ b/docs/src/componentDocs/EmptyState/playground/PlaygroundPage.tsx
@@ -22,7 +22,7 @@ const inputConfig: InputConfig = [
         typeLabel: 'ReactNode',
         description: 'The primary icon',
         initialValue: '<Devices />',
-        options: ['<Devices />', '<RouterIcon />', '<SensorsOff />'],
+        options: ['<Devices />', '<Router />', '<SensorsOff />'],
         required: true,
         category: 'Required Props',
     },
diff --git a/docs/src/shared/utilities.tsx b/docs/src/shared/utilities.tsx
index 41c1e9ada..a668a6782 100644
--- a/docs/src/shared/utilities.tsx
+++ b/docs/src/shared/utilities.tsx
@@ -11,7 +11,7 @@ import Menu from '@mui/icons-material/Menu';
 import Place from '@mui/icons-material/Place';
 import PinDrop from '@mui/icons-material/PinDrop';
 import Remove from '@mui/icons-material/Remove';
-import RouterIcon from '@mui/icons-material/Router';
+import Router from '@mui/icons-material/Router';
 import SensorsOff from '@mui/icons-material/SensorsOff';
 import TrendingUp from '@mui/icons-material/TrendingUp';
 import TrendingDown from '@mui/icons-material/TrendingDown';
@@ -88,8 +88,8 @@ export const getIcon = (icon: string, iconProps?: SvgIconProps): JSX.Element | u
             return React.createElement(PinDrop, iconProps);
         case '<Remove />':
             return React.createElement(Remove, iconProps);
-        case '<RouterIcon />':
-            return React.createElement(RouterIcon, iconProps);
+        case '<Router />':
+            return React.createElement(Router, iconProps);
         case '<SensorsOff />':
             return React.createElement(SensorsOff, iconProps);
         case '<TrendingUp />':