diff --git a/packages/react-core/src/components/LoginPage/LoginForm.tsx b/packages/react-core/src/components/LoginPage/LoginForm.tsx
index 821f6b6ef0e..103c8126741 100644
--- a/packages/react-core/src/components/LoginPage/LoginForm.tsx
+++ b/packages/react-core/src/components/LoginPage/LoginForm.tsx
@@ -5,8 +5,8 @@ import { Button } from '../Button';
 import { Checkbox } from '../Checkbox';
 import { ValidatedOptions } from '../../helpers/constants';
 import { InputGroup, InputGroupItem } from '../InputGroup';
-import EyeSlashIcon from '@patternfly/react-icons/dist/esm/icons/eye-slash-icon';
 import EyeIcon from '@patternfly/react-icons/dist/esm/icons/eye-icon';
+import RhUiViewOffFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-view-off-fill-icon';
 import { HelperText, HelperTextItem } from '../HelperText';
 
 export interface LoginFormProps extends Omit<React.HTMLProps<HTMLFormElement>, 'ref'> {
@@ -130,7 +130,7 @@ export const LoginForm: React.FunctionComponent<LoginFormProps> = ({
                 variant="control"
                 onClick={() => setPasswordHidden(!passwordHidden)}
                 aria-label={passwordHidden ? showPasswordAriaLabel : hidePasswordAriaLabel}
-                icon={passwordHidden ? <EyeIcon /> : <EyeSlashIcon />}
+                icon={passwordHidden ? <EyeIcon /> : <RhUiViewOffFillIcon />}
               />
             </InputGroupItem>
           </InputGroup>
diff --git a/packages/react-core/src/demos/PasswordGenerator/PasswordGenerator.md b/packages/react-core/src/demos/PasswordGenerator/PasswordGenerator.md
index c859ae2ee43..85028888719 100644
--- a/packages/react-core/src/demos/PasswordGenerator/PasswordGenerator.md
+++ b/packages/react-core/src/demos/PasswordGenerator/PasswordGenerator.md
@@ -6,7 +6,7 @@ section: patterns
 import { useEffect, useRef, useState } from 'react';
 import RedoIcon from '@patternfly/react-icons/dist/esm/icons/redo-icon';
 import EyeIcon from '@patternfly/react-icons/dist/esm/icons/eye-icon';
-import EyeSlashIcon from '@patternfly/react-icons/dist/esm/icons/eye-slash-icon';
+import RhUiViewOffFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-view-off-fill-icon';
 
 ## Demos
 
diff --git a/packages/react-core/src/demos/PasswordGenerator/examples/PasswordGenerator.tsx b/packages/react-core/src/demos/PasswordGenerator/examples/PasswordGenerator.tsx
index 7eacc716e17..a06cd7140f2 100644
--- a/packages/react-core/src/demos/PasswordGenerator/examples/PasswordGenerator.tsx
+++ b/packages/react-core/src/demos/PasswordGenerator/examples/PasswordGenerator.tsx
@@ -13,7 +13,7 @@ import {
 } from '@patternfly/react-core';
 import RedoIcon from '@patternfly/react-icons/dist/esm/icons/redo-icon';
 import EyeIcon from '@patternfly/react-icons/dist/esm/icons/eye-icon';
-import EyeSlashIcon from '@patternfly/react-icons/dist/esm/icons/eye-slash-icon';
+import RhUiViewOffFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-view-off-fill-icon';
 
 export const PasswordGenerator: React.FunctionComponent = () => {
   const generatePassword = () => {
@@ -123,7 +123,7 @@ export const PasswordGenerator: React.FunctionComponent = () => {
             variant="control"
             onClick={() => setPasswordHidden(!passwordHidden)}
             aria-label={passwordHidden ? 'Show password' : 'Hide password'}
-            icon={passwordHidden ? <EyeIcon /> : <EyeSlashIcon />}
+            icon={passwordHidden ? <EyeIcon /> : <RhUiViewOffFillIcon />}
           />
         </InputGroupItem>
       </InputGroup>