diff --git a/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx b/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx
index bfca4eb4ce8..1aa046ed7dd 100644
--- a/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx
+++ b/packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx
@@ -1,6 +1,6 @@
import figma from '@figma/code-connect';
import { Button, ButtonVariant, DualListSelectorPane, SearchInput } from '@patternfly/react-core';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
// Documentation for DualListHeader can be found at https://www.patternfly.org/components/dual-list-selector
@@ -9,7 +9,7 @@ figma.connect(
'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=21279-116172',
{
props: {
- icon: , // placeholder icon
+ icon: , // placeholder icon
// string
itemInformation: figma.string('Item information'),
diff --git a/packages/react-core/src/components/HelperText/examples/HelperText.md b/packages/react-core/src/components/HelperText/examples/HelperText.md
index d7fb3bb2f1c..3a5262969ac 100644
--- a/packages/react-core/src/components/HelperText/examples/HelperText.md
+++ b/packages/react-core/src/components/HelperText/examples/HelperText.md
@@ -9,7 +9,7 @@ import { Fragment } from 'react';
import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon';
import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon';
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon';
## Examples
diff --git a/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx b/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx
index 04dbb3c0a67..d3af90c5940 100644
--- a/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx
+++ b/packages/react-core/src/components/HelperText/examples/HelperTextWithCustomIcon.tsx
@@ -4,7 +4,7 @@ import InfoIcon from '@patternfly/react-icons/dist/esm/icons/info-icon';
import QuestionIcon from '@patternfly/react-icons/dist/esm/icons/question-icon';
import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-icon';
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
export const HelperTextWithCustomIcon: React.FunctionComponent = () => (
@@ -27,7 +27,7 @@ export const HelperTextWithCustomIcon: React.FunctionComponent = () => (
- }>
+ }>
This is error helper text
diff --git a/packages/react-core/src/demos/CustomMenus/CustomMenus.md b/packages/react-core/src/demos/CustomMenus/CustomMenus.md
index 82f4483b69d..4b0fd960dee 100644
--- a/packages/react-core/src/demos/CustomMenus/CustomMenus.md
+++ b/packages/react-core/src/demos/CustomMenus/CustomMenus.md
@@ -20,7 +20,7 @@ import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
import brandImg from '../assets/PF-IconLogo.svg';
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import avatarImg from '../assets/avatarImg.svg';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/react-styles/css/components/Menu/menu';
diff --git a/packages/react-core/src/demos/HelperText.md b/packages/react-core/src/demos/HelperText.md
index e490cd067a3..53073bcf22d 100644
--- a/packages/react-core/src/demos/HelperText.md
+++ b/packages/react-core/src/demos/HelperText.md
@@ -9,7 +9,7 @@ import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-wa
import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon';
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
## Demos
diff --git a/packages/react-core/src/demos/Toolbar.md b/packages/react-core/src/demos/Toolbar.md
index 19560201610..f7d03fa9d0a 100644
--- a/packages/react-core/src/demos/Toolbar.md
+++ b/packages/react-core/src/demos/Toolbar.md
@@ -11,7 +11,7 @@ import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external
import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon';
import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
## Demos
diff --git a/packages/react-icons/README.md b/packages/react-icons/README.md
index 7c5ce9820ca..d08eafc7ef3 100644
--- a/packages/react-icons/README.md
+++ b/packages/react-icons/README.md
@@ -5,9 +5,9 @@ PatternFly Icons as React Components.
## Usage
```tsx
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
-const closeIcon = ;
+const closeIcon = ;
```
For a list of the available icons please refer to the [PatternFly react docs](https://pf-react-staging.patternfly.org/icons)
@@ -47,7 +47,7 @@ optimization: {
Use ESM module imports to enable tree shaking with no additional setup required.
```JS
-import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
```
To enable tree shaking with named imports for CJS modules, utilize [babel-plugin-transform-imports](https://www.npmjs.com/package/babel-plugin-transform-imports) and update a babel.config.js file to utilize the plugin:
@@ -91,5 +91,5 @@ You can import or reference static SVG files directly:
}
// Direct file path
-import timesIcon from '@patternfly/react-icons/dist/static/times-icon.svg';
+import RhMicronsCloseIcon from '@patternfly/react-icons/dist/static/times-icon.svg';
```