patternfly · thatblindgeye · Jun 17, 2026 · Jun 16, 2026
diff --git a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx
@@ -19,7 +19,7 @@ import type { editor } from 'monaco-editor';
 import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
 import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon';
 import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import Dropzone, { FileRejection } from 'react-dropzone';
 import { CodeEditorContext } from './CodeEditorUtils';
@@ -480,7 +480,12 @@ export const CodeEditor = ({
         const editorEmptyState =
           emptyState ||
           (isUploadEnabled ? (
-            <EmptyState variant={EmptyStateVariant.sm} titleText={emptyStateTitle} icon={CodeIcon} headingLevel="h4">
+            <EmptyState
+              variant={EmptyStateVariant.sm}
+              titleText={emptyStateTitle}
+              icon={RhUiCodeIcon}
+              headingLevel="h4"
+            >
               <EmptyStateBody>{emptyStateBody}</EmptyStateBody>
               {!isReadOnly && (
                 <EmptyStateFooter>
@@ -498,7 +503,12 @@ export const CodeEditor = ({
               )}
             </EmptyState>
           ) : (
-            <EmptyState variant={EmptyStateVariant.sm} titleText={emptyStateTitle} icon={CodeIcon} headingLevel="h4">
+            <EmptyState
+              variant={EmptyStateVariant.sm}
+              titleText={emptyStateTitle}
+              icon={RhUiCodeIcon}
+              headingLevel="h4"
+            >
               {!isReadOnly && (
                 <EmptyStateFooter>
                   <EmptyStateActions>
@@ -569,7 +579,7 @@ export const CodeEditor = ({
             {isLanguageLabelVisible && (
               <div className={css(styles.codeEditorTab)}>
                 <span className={css(styles.codeEditorTabIcon)}>
-                  <CodeIcon />
+                  <RhUiCodeIcon />
                 </span>
                 <span className={css(styles.codeEditorTabText)}>{language.toUpperCase()}</span>
               </div>

diff --git a/packages/react-core/src/demos/Compass/Compass.md b/packages/react-core/src/demos/Compass/Compass.md
@@ -12,7 +12,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
 import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import imgAvatar from '../assets/avatarImg.svg';
 import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';

diff --git a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx
@@ -32,7 +32,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
 import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import pfLogo from '../../assets/PF-IconLogo-color.svg';
 import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
@@ -294,7 +294,7 @@ export const CompassDockDemo: React.FunctionComponent = () => {
                       to="#nav-icon-link4"
                       itemId={3}
                       isActive={activeItem === 3}
-                      icon={<CodeIcon />}
+                      icon={<RhUiCodeIcon />}
                       anchorRef={navItem4Ref}
                       aria-label="Network services"
                     >

diff --git a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx
@@ -25,7 +25,7 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico
 import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
 
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon';
 import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
@@ -106,7 +106,7 @@ export const DataListBasic: React.FunctionComponent = () => {
                             </FlexItem>
                             <FlexItem>
                               <Icon>
-                                <CodeIcon />
+                                <RhUiCodeIcon />
                               </Icon>
                               4 <span className="pf-v6-screen-reader">Code blocks</span>
                             </FlexItem>
@@ -157,7 +157,7 @@ export const DataListBasic: React.FunctionComponent = () => {
                             </FlexItem>
                             <FlexItem>
                               <Icon>
-                                <CodeIcon />
+                                <RhUiCodeIcon />
                               </Icon>
                               9 <span className="pf-v6-screen-reader">Code blocks</span>
                             </FlexItem>
@@ -256,7 +256,7 @@ export const DataListBasic: React.FunctionComponent = () => {
                             </FlexItem>
                             <FlexItem>
                               <Icon>
-                                <CodeIcon />
+                                <RhUiCodeIcon />
                               </Icon>
                               4 <span className="pf-v6-screen-reader">Code blocks</span>
                             </FlexItem>
@@ -307,7 +307,7 @@ export const DataListBasic: React.FunctionComponent = () => {
                             </FlexItem>
                             <FlexItem>
                               <Icon>
-                                <CodeIcon />
+                                <RhUiCodeIcon />
                               </Icon>
                               9 <span className="pf-v6-screen-reader">Code blocks</span>
                             </FlexItem>

diff --git a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx
@@ -27,7 +27,7 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico
 import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
 
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import { rows } from '@patternfly/react-core/dist/esm/demos/sampleData';
 
@@ -162,7 +162,7 @@ export const DataListStaticBottomPagination: React.FunctionComponent = () => {
                             <Flex spaceItems={{ default: 'spaceItemsSm' }}>
                               <FlexItem>
                                 <Icon>
-                                  <CodeIcon />
+                                  <RhUiCodeIcon />
                                 </Icon>{' '}
                                 {applications}
                                 <span className="pf-v6-screen-reader">Code blocks</span>

diff --git a/packages/react-core/src/demos/DataListDemo.md b/packages/react-core/src/demos/DataListDemo.md
@@ -11,7 +11,7 @@ import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-m
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
 import { css } from '@patternfly/react-styles';
 
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon';
 import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';

diff --git a/packages/react-core/src/demos/Nav.md b/packages/react-core/src/demos/Nav.md
@@ -15,7 +15,7 @@ import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Co
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
 import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg';

diff --git a/packages/react-core/src/demos/Page.md b/packages/react-core/src/demos/Page.md
@@ -15,7 +15,6 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
 import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg';
 

diff --git a/packages/react-core/src/demos/PrimaryDetail.md b/packages/react-core/src/demos/PrimaryDetail.md
@@ -6,7 +6,7 @@ section: patterns
 import { Fragment, useState } from 'react';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
 import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
 import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon';

diff --git a/packages/react-core/src/demos/Tabs.md b/packages/react-core/src/demos/Tabs.md
@@ -6,7 +6,7 @@ section: components
 import { Fragment, useCallback, useRef, useState } from 'react';
 import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
 import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';

diff --git a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx
@@ -34,7 +34,7 @@ import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/ico
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';
 import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg';
@@ -313,7 +313,7 @@ export const NavDockedNav: React.FunctionComponent = () => {
                     to="#nav-link4"
                     itemId={3}
                     isActive={activeItem === 3}
-                    icon={<CodeIcon />}
+                    icon={<RhUiCodeIcon />}
                     anchorRef={navItem4Ref}
                     aria-label="Network services"
                   >

diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx
@@ -40,7 +40,7 @@ import {
 } from '@patternfly/react-core';
 import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
 import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon';
@@ -234,7 +234,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -277,7 +277,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -331,7 +331,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -374,7 +374,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5

diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx
@@ -40,7 +40,7 @@ import {
 } from '@patternfly/react-core';
 import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
 import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon';
@@ -234,7 +234,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -277,7 +277,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -331,7 +331,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -374,7 +374,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5

diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx
@@ -40,7 +40,7 @@ import {
 } from '@patternfly/react-core';
 import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
 import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon';
@@ -234,7 +234,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -277,7 +277,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -331,7 +331,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5
@@ -374,7 +374,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                         <CodeBranchIcon /> 10
                       </FlexItem>
                       <FlexItem>
-                        <CodeIcon /> 4
+                        <RhUiCodeIcon /> 4
                       </FlexItem>
                       <FlexItem>
                         <CubeIcon /> 5

diff --git a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx
@@ -49,7 +49,7 @@ import {
   CustomActionsToggleProps
 } from '@patternfly/react-table';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
-import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
+import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
 import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
@@ -265,7 +265,7 @@ export const TablesAndTabs = () => {
               <Flex>
                 <FlexItem>{repo.prs}</FlexItem>
                 <FlexItem>
-                  <CodeIcon key="icon" />
+                  <RhUiCodeIcon key="icon" />
                 </FlexItem>
               </Flex>
             </Td>