diff --git a/packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx b/packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx
index 22a8eaaf0da..47f48d3ea6a 100644
--- a/packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx
+++ b/packages/code-connect/components/Breadcrumbs/ExpandableBreadcrumbs.figma.tsx
@@ -1,6 +1,6 @@
import figma from '@figma/code-connect';
import { Badge, BreadcrumbItem, Dropdown, DropdownItem, DropdownList, Icon, MenuToggle } from '@patternfly/react-core';
-import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
+import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
// Documentation for BreadcrumbItem can be found at https://www.patternfly.org/components/breadcrumb
@@ -33,7 +33,7 @@ figma.connect(
-
+
}
key="edit"
@@ -44,7 +44,7 @@ figma.connect(
-
+
}
key="action"
@@ -55,7 +55,7 @@ figma.connect(
-
+
}
key="apps"
diff --git a/packages/react-core/src/components/Accordion/AccordionToggle.tsx b/packages/react-core/src/components/Accordion/AccordionToggle.tsx
index f82aa1de125..04d3467a57c 100644
--- a/packages/react-core/src/components/Accordion/AccordionToggle.tsx
+++ b/packages/react-core/src/components/Accordion/AccordionToggle.tsx
@@ -1,7 +1,7 @@
import { useContext } from 'react';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/react-styles/css/components/Accordion/accordion';
-import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
import { AccordionContext, AccordionItemContext } from './AccordionContext';
export interface AccordionToggleProps extends React.DetailedHTMLProps<
@@ -27,7 +27,7 @@ export const AccordionToggle: React.FunctionComponent = ({
}: AccordionToggleProps) => {
const renderToggleIcon = () => (
-
+
);
diff --git a/packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx b/packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx
index ff59083ec4f..1a67f3deee2 100644
--- a/packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx
+++ b/packages/react-core/src/components/Accordion/__tests__/AccordionToggle.test.tsx
@@ -4,7 +4,7 @@ import { AccordionToggle } from '../AccordionToggle';
import { AccordionContext, AccordionItemContext } from '../AccordionContext';
import styles from '@patternfly/react-styles/css/components/Accordion/accordion';
-jest.mock('@patternfly/react-icons/dist/esm/icons/angle-right-icon', () => () => 'Icon mock');
+jest.mock('@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon', () => () => 'Icon mock');
test('Renders without children', () => {
render(
diff --git a/packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx b/packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx
index e43692e77f1..2e7c7c030a7 100644
--- a/packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx
+++ b/packages/react-core/src/components/Alert/AlertToggleExpandButton.tsx
@@ -1,7 +1,7 @@
import { useContext } from 'react';
import { Button, ButtonProps, ButtonVariant } from '../Button';
import { AlertContext } from './AlertContext';
-import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
import { css } from '@patternfly/react-styles';
import styles from '@patternfly/react-styles/css/components/Alert/alert';
@@ -33,7 +33,7 @@ export const AlertToggleExpandButton: React.FunctionComponent
-
+
}
/>
diff --git a/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx b/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx
index 1d896dd624d..a37b955f406 100644
--- a/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx
+++ b/packages/react-core/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx
@@ -7,7 +7,7 @@ import styles from '@patternfly/react-styles/css/components/Alert/alert';
jest.mock('../../Button');
-jest.mock('@patternfly/react-icons/dist/esm/icons/angle-right-icon', () => () => 'Icon mock');
+jest.mock('@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon', () => () => 'Icon mock');
test('Renders without children', () => {
render(
diff --git a/packages/react-core/src/components/BackToTop/BackToTop.tsx b/packages/react-core/src/components/BackToTop/BackToTop.tsx
index df12c9f2a8e..7943c890f0e 100644
--- a/packages/react-core/src/components/BackToTop/BackToTop.tsx
+++ b/packages/react-core/src/components/BackToTop/BackToTop.tsx
@@ -1,7 +1,7 @@
import { forwardRef, useEffect, useState } from 'react';
import styles from '@patternfly/react-styles/css/components/BackToTop/back-to-top';
import { css } from '@patternfly/react-styles';
-import AngleUpIcon from '@patternfly/react-icons/dist/esm/icons/angle-up-icon';
+import RhMicronsCaretUpIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-up-icon';
import { canUseDOM } from '../../helpers/util';
import { Button } from '../Button';
@@ -84,7 +84,7 @@ const BackToTopBase: React.FunctionComponent = ({
onClick={handleClick}
{...props}
>
- } iconPosition="end">
+ } iconPosition="end">
{title}
diff --git a/packages/react-core/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap b/packages/react-core/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap
index 5836bd168ee..b290d087760 100644
--- a/packages/react-core/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap
+++ b/packages/react-core/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap
@@ -31,24 +31,12 @@ exports[`Matches the snapshot 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
diff --git a/packages/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx b/packages/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
index 7a20639716b..25ed6508adb 100644
--- a/packages/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
+++ b/packages/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx
@@ -1,5 +1,5 @@
import { Fragment } from 'react';
-import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
import styles from '@patternfly/react-styles/css/components/Breadcrumb/breadcrumb';
import { css } from '@patternfly/react-styles';
@@ -32,7 +32,7 @@ export const BreadcrumbHeading: React.FunctionComponent
{showDivider && (
-
+
)}
,
- } key="action">
+ } key="action">
Deployment
,
- } key="apps">
+ } key="apps">
Applications
];
diff --git a/packages/react-table/src/components/Table/CollapseColumn.tsx b/packages/react-table/src/components/Table/CollapseColumn.tsx
index 56c4311a19a..3a7ec2885c3 100644
--- a/packages/react-table/src/components/Table/CollapseColumn.tsx
+++ b/packages/react-table/src/components/Table/CollapseColumn.tsx
@@ -1,5 +1,5 @@
import { Fragment } from 'react';
-import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
+import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
import { css } from '@patternfly/react-styles';
import { Button } from '@patternfly/react-core/dist/esm/components/Button';
import styles from '@patternfly/react-styles/css/components/Table/table';
@@ -34,7 +34,7 @@ export const CollapseColumn: React.FunctionComponent = ({
aria-expanded={isOpen}
icon={
}
/>
diff --git a/packages/react-table/src/components/Table/utils/decorators/treeRow.tsx b/packages/react-table/src/components/Table/utils/decorators/treeRow.tsx
index 76fd686cfb1..47742e3798e 100644
--- a/packages/react-table/src/components/Table/utils/decorators/treeRow.tsx
+++ b/packages/react-table/src/components/Table/utils/decorators/treeRow.tsx
@@ -4,7 +4,7 @@ import styles from '@patternfly/react-styles/css/components/Table/table';
import stylesTreeView from '@patternfly/react-styles/css/components/Table/table-tree-view';
import { Button } from '@patternfly/react-core/dist/esm/components/Button';
import { Checkbox } from '@patternfly/react-core/dist/esm/components/Checkbox';
-import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
+import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
import EllipsisHIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-h-icon';
export const treeRow =
@@ -54,7 +54,7 @@ export const treeRow =
aria-label={toggleAriaLabel || `${isExpanded ? 'Collapse' : 'Expand'} row ${rowIndex}`}
icon={
}
/>
diff --git a/packages/react-table/src/demos/Table.md b/packages/react-table/src/demos/Table.md
index 19e9f396bc9..cb59b01b2d5 100644
--- a/packages/react-table/src/demos/Table.md
+++ b/packages/react-table/src/demos/Table.md
@@ -62,8 +62,8 @@ import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclam
import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
-import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
-import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
+import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
import AttentionBellIcon from '@patternfly/react-icons/dist/esm/icons/attention-bell-icon';
import BlueprintIcon from '@patternfly/react-icons/dist/esm/icons/blueprint-icon';
diff --git a/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap b/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap
index 0300584830b..be4d5f136d4 100644
--- a/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap
+++ b/packages/react-table/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap
@@ -1689,24 +1689,12 @@ exports[`Table Collapsible nested table 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -1792,24 +1780,12 @@ exports[`Table Collapsible nested table 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -1966,24 +1942,12 @@ exports[`Table Collapsible nested table 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -2498,24 +2462,12 @@ exports[`Table Collapsible table 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+
@@ -2727,24 +2679,12 @@ exports[`Table Collapsible table 1`] = `
fill="currentColor"
height="1em"
role="img"
+ viewBox="0 0 20 20"
width="1em"
>
-
-
+