diff --git a/packages/react-core/src/components/ToggleGroup/ToggleGroupItem.tsx b/packages/react-core/src/components/ToggleGroup/ToggleGroupItem.tsx
index b2c5e79b3a3..81e00ff5d23 100644
--- a/packages/react-core/src/components/ToggleGroup/ToggleGroupItem.tsx
+++ b/packages/react-core/src/components/ToggleGroup/ToggleGroupItem.tsx
@@ -8,6 +8,8 @@ export interface ToggleGroupItemProps extends Omit<React.HTMLProps<HTMLDivElemen
   text?: React.ReactNode;
   /** Icon rendered inside the toggle group item */
   icon?: React.ReactNode;
+  /** Sets position of the icon when text is also passed in */
+  iconPosition?: 'start' | 'end';
   /** Additional classes added to the toggle group item */
   className?: string;
   /** Flag indicating if the toggle group item is disabled */
@@ -25,6 +27,7 @@ export interface ToggleGroupItemProps extends Omit<React.HTMLProps<HTMLDivElemen
 export const ToggleGroupItem: React.FunctionComponent<ToggleGroupItemProps> = ({
   text,
   icon,
+  iconPosition = 'start',
   className,
   isDisabled = false,
   isSelected = false,
@@ -42,6 +45,8 @@ export const ToggleGroupItem: React.FunctionComponent<ToggleGroupItemProps> = ({
     console.warn('An accessible aria-label is required when using the toggle group item icon variant.');
   }
 
+  const toggleGroupIcon = <ToggleGroupItemElement variant={ToggleGroupItemVariant.icon}>{icon}</ToggleGroupItemElement>;
+
   return (
     <div className={css(styles.toggleGroupItem, className)} {...props}>
       <button
@@ -53,8 +58,9 @@ export const ToggleGroupItem: React.FunctionComponent<ToggleGroupItemProps> = ({
         disabled={isDisabled}
         id={buttonId}
       >
-        {icon && <ToggleGroupItemElement variant={ToggleGroupItemVariant.icon}>{icon}</ToggleGroupItemElement>}
+        {icon && iconPosition === 'start' && toggleGroupIcon}
         {text && <ToggleGroupItemElement variant={ToggleGroupItemVariant.text}>{text}</ToggleGroupItemElement>}
+        {icon && iconPosition === 'end' && toggleGroupIcon}
       </button>
     </div>
   );
diff --git a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx
index f3e6c61868e..147290697c9 100644
--- a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx
+++ b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx
@@ -15,28 +15,57 @@ export const ToggleGroupIcon: React.FunctionComponent = () => {
     setIsSelected((prevIsSelected) => ({ ...prevIsSelected, [id]: isSelected }));
   };
   return (
-    <ToggleGroup aria-label="Text and icon toggle group">
-      <ToggleGroupItem
-        icon={<CopyIcon />}
-        text="Copy"
-        buttonId="toggle-group-text-icons-1"
-        isSelected={isSelected['toggle-group-text-icons-1']}
-        onChange={handleItemClick}
-      />
-      <ToggleGroupItem
-        icon={<UndoIcon />}
-        text="Undo"
-        buttonId="toggle-group-text-icons-2"
-        isSelected={isSelected['toggle-group-text-icons-2']}
-        onChange={handleItemClick}
-      />
-      <ToggleGroupItem
-        icon={<ShareSquareIcon />}
-        text="Share"
-        buttonId="toggle-group-text-icons-3"
-        isSelected={isSelected['toggle-group-text-icons-3']}
-        onChange={handleItemClick}
-      />
-    </ToggleGroup>
+    <>
+      <ToggleGroup aria-label="Text and icon toggle group with icons at start">
+        <ToggleGroupItem
+          icon={<CopyIcon />}
+          text="Copy"
+          buttonId="toggle-group-text-icons-1"
+          isSelected={isSelected['toggle-group-text-icons-1']}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          icon={<UndoIcon />}
+          text="Undo"
+          buttonId="toggle-group-text-icons-2"
+          isSelected={isSelected['toggle-group-text-icons-2']}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          icon={<ShareSquareIcon />}
+          text="Share"
+          buttonId="toggle-group-text-icons-3"
+          isSelected={isSelected['toggle-group-text-icons-3']}
+          onChange={handleItemClick}
+        />
+      </ToggleGroup>
+      <br />
+      <ToggleGroup aria-label="Text and icon toggle group with icons at end">
+        <ToggleGroupItem
+          icon={<CopyIcon />}
+          iconPosition="end"
+          text="Copy"
+          buttonId="toggle-group-text-icons-4"
+          isSelected={isSelected['toggle-group-text-icons-4']}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          icon={<UndoIcon />}
+          iconPosition="end"
+          text="Undo"
+          buttonId="toggle-group-text-icons-5"
+          isSelected={isSelected['toggle-group-text-icons-5']}
+          onChange={handleItemClick}
+        />
+        <ToggleGroupItem
+          icon={<ShareSquareIcon />}
+          iconPosition="end"
+          text="Share"
+          buttonId="toggle-group-text-icons-6"
+          isSelected={isSelected['toggle-group-text-icons-6']}
+          onChange={handleItemClick}
+        />
+      </ToggleGroup>
+    </>
   );
 };