diff --git a/.storybook/stories/button/button-group.stories.ts b/.storybook/stories/button/button-group.stories.ts
index 29facc7c4d..5f8498e3bb 100644
--- a/.storybook/stories/button/button-group.stories.ts
+++ b/.storybook/stories/button/button-group.stories.ts
@@ -4,7 +4,13 @@
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 
-import { CLR_MENU_POSITIONS, ClrButtonGroup, ClrButtonGroupModule, commonStringsDefault } from '@clr/angular';
+import {
+  CLR_MENU_POSITIONS,
+  ClrButtonGroup,
+  ClrButtonGroupModule,
+  ClrLoadingModule,
+  commonStringsDefault,
+} from '@clr/angular';
 import { moduleMetadata, StoryFn, StoryObj } from '@storybook/angular';
 import { CommonModules } from 'helpers/common';
 
@@ -12,13 +18,14 @@ export default {
   title: 'Button/Button Group',
   decorators: [
     moduleMetadata({
-      imports: [...CommonModules, ClrButtonGroupModule],
+      imports: [...CommonModules, ClrButtonGroupModule, ClrLoadingModule],
     }),
   ],
   component: ClrButtonGroup,
   argTypes: {
     // inputs
     clrMenuPosition: { defaultValue: 'bottom-left', control: { type: 'radio', options: CLR_MENU_POSITIONS } },
+    loading: { defaultValue: false, control: { type: 'boolean' } },
     clrToggleButtonAriaLabel: { defaultValue: commonStringsDefault.rowActions },
     // methods
     getMoveIndex: { control: { disable: true }, table: { disable: true } },
@@ -49,8 +56,10 @@ const ButtonGroupTemplate: StoryFn = args => ({
             <clr-button
               *ngFor="let _ of createArray(buttonCount); let i = index"
               [clrInMenu]="false"
+              [clrLoading]="loading"
               [disabled]="disabledButtonsPosition.includes(i+1)"
             >
+              <cds-icon shape="home"></cds-icon>
               {{content}} {{i + 1}}
             </clr-button>
             <clr-button
@@ -69,6 +78,15 @@ export const ButtonGroup: StoryObj = {
   render: ButtonGroupTemplate,
 };
 
+export const ButtonGroupLoading: StoryObj = {
+  render: ButtonGroupTemplate,
+
+  args: {
+    inMenuButtonCount: 0,
+    loading: true,
+  },
+};
+
 export const Disabled: StoryObj = {
   render: ButtonGroupTemplate,
 
diff --git a/.storybook/stories/button/button.stories.ts b/.storybook/stories/button/button.stories.ts
index 8c8d3e8388..00d5e72bb6 100644
--- a/.storybook/stories/button/button.stories.ts
+++ b/.storybook/stories/button/button.stories.ts
@@ -55,6 +55,7 @@ export default {
     click: action('click'),
     // story helpers
     content: 'Hello World!',
+    iconShape: '',
     buttonClassLoader,
     BUTTON_STYLES,
     BUTTON_TYPES,
@@ -69,6 +70,7 @@ const ButtonTemplate: Story = args => ({
         [disabled]="disabled"
         (click)="click($event)"
       >
+        <cds-icon *ngIf="iconShape" shape="{{iconShape}}"></cds-icon>
         {{content}}
       </button>
   `,
@@ -81,10 +83,16 @@ const ButtonAllTemplate: Story = args => ({
     <button class="btn">Default</button>
 
     <h6>Primary Buttons</h6>
-    <button *ngFor="let type of BUTTON_TYPES" [class]="'btn btn-' + type">{{type}}</button>
+    <button *ngFor="let type of BUTTON_TYPES" [class]="'btn btn-' + type">
+      <cds-icon shape="user"></cds-icon>
+      {{type}}
+    </button>
 
     <h6>Old Outline Buttons</h6>
-    <button *ngFor="let type of BUTTON_TYPES" [class]="'btn btn-' + type + '-outline'">{{type}}</button>
+    <button *ngFor="let type of BUTTON_TYPES" [class]="'btn btn-' + type + '-outline'">
+      {{type}}
+      <cds-icon shape="home"></cds-icon>
+    </button>
 
     <h6>New Outline Buttons</h6>
     <button *ngFor="let type of BUTTON_TYPES" [class]="'btn btn-outline-' + type">{{type}}</button>
@@ -109,7 +117,11 @@ const ButtonAllTemplate: Story = args => ({
     <button *ngFor="let type of BUTTON_TYPES" [class]="'btn btn-sm btn-' + type">{{type}}</button>
 
     <h6>Small Outline Buttons</h6>
-    <button *ngFor="let type of BUTTON_TYPES" [class]="'btn btn-sm btn-' + type + '-outline'">{{type}}</button>
+    <button *ngFor="let type of BUTTON_TYPES" [class]="'btn btn-sm btn-' + type + '-outline'">
+      <cds-icon shape="user"></cds-icon>
+      {{type}}
+      <cds-icon shape="home"></cds-icon>
+    </button>
 
     <!--Links-->
 
@@ -124,7 +136,11 @@ const ButtonAllTemplate: Story = args => ({
 
 
     <h6>New Outline Links</h6>
-    <a *ngFor="let type of BUTTON_TYPES" href="javascript://" [class]="'btn btn-outline-' + type">{{type}}</a>
+    <a *ngFor="let type of BUTTON_TYPES" href="javascript://" [class]="'btn btn-outline-' + type">
+      <cds-icon shape="user"></cds-icon>
+      {{type}}
+      <cds-icon shape="home"></cds-icon>
+    </a>
 
     <h6>Flat Links</h6>
     <a href="javascript://" class="btn btn-link">Default</a>
@@ -164,6 +180,7 @@ const ButtonLinkTemplate: StoryFn = args => ({
       [disabled]="disabled"
       (click)="click($event)"
     >
+      <cds-icon *ngIf="iconShape" shape="{{iconShape}}"></cds-icon>
       {{content}}
     </a>
   `,
diff --git a/.storybook/stories/button/buttons-loading.stories.ts b/.storybook/stories/button/buttons-loading.stories.ts
index acdb71ddf1..cfc6d50eaf 100644
--- a/.storybook/stories/button/buttons-loading.stories.ts
+++ b/.storybook/stories/button/buttons-loading.stories.ts
@@ -36,9 +36,9 @@ export default {
 const ButtonLoadingStatesTemplate: StoryFn = args => ({
   template: `
       <h6>{{stateName}}</h6>
-        <button [clrLoading]="validateState" class="btn btn-sm btn-primary">Validate</button>
+        <button [clrLoading]="validateState" class="btn btn-sm btn-primary"><cds-icon shape="home"></cds-icon>Validate</button>
         <button [clrLoading]="validateState" class="btn btn-primary">Validate</button>
-        <button [clrLoading]="submitState" type="submit" class="btn btn-success-outline">Submit</button>
+        <button [clrLoading]="submitState" type="submit" class="btn btn-success-outline"><cds-icon shape="home"></cds-icon>Submit</button>
     `,
   props: args,
 });
diff --git a/projects/angular/src/button/_buttons.clarity.scss b/projects/angular/src/button/_buttons.clarity.scss
index 7c3ce90352..37552a9e50 100644
--- a/projects/angular/src/button/_buttons.clarity.scss
+++ b/projects/angular/src/button/_buttons.clarity.scss
@@ -255,6 +255,12 @@
 
     height: buttons-variables.$clr-btn-appearance-form-height;
     padding: buttons-variables.$clr-btn-appearance-form-padding;
+
+    .clr-loading-btn-content {
+      display: flex;
+      gap: tokens.$cds-global-space-5;
+      align-items: center;
+    }
   }
 
   //Clarity Buttons
diff --git a/projects/angular/src/button/button-loading/loading-button.ts b/projects/angular/src/button/button-loading/loading-button.ts
index 1f3ec0ee89..d883d6e83e 100644
--- a/projects/angular/src/button/button-loading/loading-button.ts
+++ b/projects/angular/src/button/button-loading/loading-button.ts
@@ -17,17 +17,17 @@ const MIN_BUTTON_WIDTH = 42;
   selector: 'button[clrLoading]',
   template: `
     <span @parent [ngSwitch]="state">
-      <span *ngSwitchCase="buttonState.LOADING">
+      <ng-container *ngSwitchCase="buttonState.LOADING">
         <span @spinner class="spinner spinner-inline"></span>
-      </span>
-      <span *ngSwitchCase="buttonState.SUCCESS">
+      </ng-container>
+      <ng-container *ngSwitchCase="buttonState.SUCCESS">
         <span
           @validated
           (@validated.done)="this.loadingStateChange(this.buttonState.DEFAULT)"
           class="spinner spinner-inline spinner-check"
         ></span>
-      </span>
-      <span *ngSwitchCase="buttonState.DEFAULT" @defaultButton>
+      </ng-container>
+      <span *ngSwitchCase="buttonState.DEFAULT" @defaultButton class="clr-loading-btn-content">
         <ng-content></ng-content>
       </span>
     </span>
diff --git a/projects/demo/src/app/buttons/button-loading.html b/projects/demo/src/app/buttons/button-loading.html
index 0e40218fdf..62af339ca5 100644
--- a/projects/demo/src/app/buttons/button-loading.html
+++ b/projects/demo/src/app/buttons/button-loading.html
@@ -16,6 +16,7 @@ <h4>Loading Buttons with Disabled Input</h4>
   class="btn btn-primary"
   (click)="disabledDemo()"
 >
+  <cds-icon shape="home"></cds-icon>
   Disable After Success
 </button>
 <button
@@ -29,8 +30,12 @@ <h4>Loading Buttons with Disabled Input</h4>
 </button>
 
 <h4>Small Loading Buttons</h4>
-<button [clrLoading]="validateSmState" class="btn btn-sm btn-info-outline" (click)="validateSmDemo()">Validate</button>
+<button [clrLoading]="validateSmState" class="btn btn-sm btn-info-outline" (click)="validateSmDemo()">
+  <cds-icon shape="home"></cds-icon>
+  Validate
+</button>
 <button [clrLoading]="submitSmState" type="submit" class="btn btn-sm btn-success-outline" (click)="submitSmDemo()">
+  <cds-icon shape="home"></cds-icon>
   Submit
 </button>
 <button [clrLoading]="validateFalsyState" class="btn btn-sm btn-info-outline" (click)="validateFalsyDemo()">
diff --git a/tests/snapshots/button/button--showcase-core-dark.png b/tests/snapshots/button/button--showcase-core-dark.png
index e4ed0d49fd..70ffbcc07b 100644
Binary files a/tests/snapshots/button/button--showcase-core-dark.png and b/tests/snapshots/button/button--showcase-core-dark.png differ
diff --git a/tests/snapshots/button/button--showcase-core-light.png b/tests/snapshots/button/button--showcase-core-light.png
index 60975667dd..947c451041 100644
Binary files a/tests/snapshots/button/button--showcase-core-light.png and b/tests/snapshots/button/button--showcase-core-light.png differ
diff --git a/tests/snapshots/button/button-group--button-group-core-dark.png b/tests/snapshots/button/button-group--button-group-core-dark.png
index 33fa746c84..090e252c43 100644
Binary files a/tests/snapshots/button/button-group--button-group-core-dark.png and b/tests/snapshots/button/button-group--button-group-core-dark.png differ
diff --git a/tests/snapshots/button/button-group--button-group-core-light.png b/tests/snapshots/button/button-group--button-group-core-light.png
index f133d3d6f0..ec93e6f5c6 100644
Binary files a/tests/snapshots/button/button-group--button-group-core-light.png and b/tests/snapshots/button/button-group--button-group-core-light.png differ
diff --git a/tests/snapshots/button/button-group--button-group-loading-core-dark.png b/tests/snapshots/button/button-group--button-group-loading-core-dark.png
new file mode 100644
index 0000000000..ea5b32843c
Binary files /dev/null and b/tests/snapshots/button/button-group--button-group-loading-core-dark.png differ
diff --git a/tests/snapshots/button/button-group--button-group-loading-core-light.png b/tests/snapshots/button/button-group--button-group-loading-core-light.png
new file mode 100644
index 0000000000..0c209a0190
Binary files /dev/null and b/tests/snapshots/button/button-group--button-group-loading-core-light.png differ
diff --git a/tests/snapshots/button/button-group--disabled-core-dark.png b/tests/snapshots/button/button-group--disabled-core-dark.png
index 052fc8a096..2d47552f6f 100644
Binary files a/tests/snapshots/button/button-group--disabled-core-dark.png and b/tests/snapshots/button/button-group--disabled-core-dark.png differ
diff --git a/tests/snapshots/button/button-group--disabled-core-light.png b/tests/snapshots/button/button-group--disabled-core-light.png
index 8b4883f73e..aa023c791a 100644
Binary files a/tests/snapshots/button/button-group--disabled-core-light.png and b/tests/snapshots/button/button-group--disabled-core-light.png differ
diff --git a/tests/snapshots/button/button-loading-states--button-loading-states-core-dark.png b/tests/snapshots/button/button-loading-states--button-loading-states-core-dark.png
index a03f2a7ebf..5638c83c9f 100644
Binary files a/tests/snapshots/button/button-loading-states--button-loading-states-core-dark.png and b/tests/snapshots/button/button-loading-states--button-loading-states-core-dark.png differ
diff --git a/tests/snapshots/button/button-loading-states--button-loading-states-core-light.png b/tests/snapshots/button/button-loading-states--button-loading-states-core-light.png
index d436802cfd..d358388ded 100644
Binary files a/tests/snapshots/button/button-loading-states--button-loading-states-core-light.png and b/tests/snapshots/button/button-loading-states--button-loading-states-core-light.png differ