diff --git a/core/src/components/badge/badge.ionic.scss b/core/src/components/badge/badge.ionic.scss
index 904441094b..4f84177a83 100644
--- a/core/src/components/badge/badge.ionic.scss
+++ b/core/src/components/badge/badge.ionic.scss
@@ -60,6 +60,11 @@
   line-height: globals.$ion-font-line-height-400;
 }
 
+:host(.badge-xxsmall) ::slotted(ion-icon) {
+  width: globals.$ion-scale-300;
+  height: globals.$ion-scale-300;
+}
+
 /* Extra Small Badge */
 :host(.badge-xsmall) {
   --padding-start: #{globals.$ion-space-100};
@@ -73,6 +78,11 @@
   line-height: globals.$ion-font-line-height-600;
 }
 
+:host(.badge-xsmall) ::slotted(ion-icon) {
+  width: globals.$ion-scale-400;
+  height: globals.$ion-scale-400;
+}
+
 /* Small Badge */
 :host(.badge-small) {
   --padding-start: #{globals.$ion-space-100};
@@ -86,6 +96,11 @@
   line-height: globals.$ion-font-line-height-600;
 }
 
+:host(.badge-small) ::slotted(ion-icon) {
+  width: globals.$ion-scale-500;
+  height: globals.$ion-scale-500;
+}
+
 /* Medium Badge */
 :host(.badge-medium) {
   min-width: globals.$ion-scale-1000;
@@ -96,6 +111,11 @@
   line-height: globals.$ion-font-line-height-700;
 }
 
+:host(.badge-medium) ::slotted(ion-icon) {
+  width: globals.$ion-scale-600;
+  height: globals.$ion-scale-600;
+}
+
 /* Large Badge */
 :host(.badge-large) {
   min-width: globals.$ion-scale-1200;
@@ -106,6 +126,11 @@
   line-height: globals.$ion-font-line-height-700;
 }
 
+:host(.badge-large) ::slotted(ion-icon) {
+  width: globals.$ion-scale-800;
+  height: globals.$ion-scale-800;
+}
+
 /* Extra Large Badge */
 :host(.badge-xlarge) {
   min-width: globals.$ion-scale-1400;
@@ -115,3 +140,8 @@
 
   line-height: globals.$ion-font-line-height-700;
 }
+
+:host(.badge-xlarge) ::slotted(ion-icon) {
+  width: globals.$ion-scale-1000;
+  height: globals.$ion-scale-1000;
+}
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png
index 0a5caf3fc0..d90867eb94 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png
index eb03c100e6..57360d4b3a 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Safari-linux.png
index 663b5ad656..f8bcded257 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png
index af8750e79d..cf2973ec4d 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png
index c12dccde4f..cec8179d74 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Safari-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Safari-linux.png
index a473d0801a..a7a18bbe16 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Chrome-linux.png
index 18edef2df8..dff057fa95 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Firefox-linux.png
index ff16e27663..19582f9672 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Safari-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Safari-linux.png
index c76664e6a4..ec4abedff2 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Chrome-linux.png
index 46de689962..7150c5987c 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Firefox-linux.png
index 7b30f1f4a1..0077cd2224 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Safari-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Safari-linux.png
index 3f55e99163..ae20937e7c 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Chrome-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Chrome-linux.png
index dd93fb2811..6ec9234322 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Firefox-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Firefox-linux.png
index e13878386b..fe12d1ebb0 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Safari-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Safari-linux.png
index 4ee4cafef3..6c407864ff 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Safari-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Chrome-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Chrome-linux.png
index ae07ba21a1..6cdd50694b 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Firefox-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Firefox-linux.png
index 9b6af8aef2..128a580da7 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Safari-linux.png b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Safari-linux.png
index 5a494243a8..12a34163e3 100644
Binary files a/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Safari-linux.png and b/core/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/basic/index.html b/core/src/components/badge/test/basic/index.html
index 9c92b5d757..743c0a38a2 100644
--- a/core/src/components/badge/test/basic/index.html
+++ b/core/src/components/badge/test/basic/index.html
@@ -30,42 +30,72 @@
           <ion-item>
             <ion-label>Default Badge</ion-label>
             <ion-badge slot="end">00</ion-badge>
+            <ion-badge slot="end">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Primary Badge</ion-label>
             <ion-badge slot="end" color="primary">11</ion-badge>
+            <ion-badge slot="end" color="primary">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Secondary Badge</ion-label>
             <ion-badge slot="end" color="secondary">22</ion-badge>
+            <ion-badge slot="end" color="secondary">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Tertiary Badge</ion-label>
             <ion-badge slot="end" color="tertiary">33</ion-badge>
+            <ion-badge slot="end" color="tertiary">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Success Badge</ion-label>
             <ion-badge slot="end" color="success">44</ion-badge>
+            <ion-badge slot="end" color="success">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Warning Badge</ion-label>
             <ion-badge slot="end" color="warning">55</ion-badge>
+            <ion-badge slot="end" color="warning">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Danger Badge</ion-label>
             <ion-badge slot="end" color="danger">66</ion-badge>
+            <ion-badge slot="end" color="danger">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Light Badge</ion-label>
             <ion-badge slot="end" color="light">77</ion-badge>
+            <ion-badge slot="end" color="light">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Medium Badge</ion-label>
             <ion-badge slot="end" color="medium">88</ion-badge>
+            <ion-badge slot="end" color="medium">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Dark Badge</ion-label>
             <ion-badge slot="end" color="dark">99</ion-badge>
+            <ion-badge slot="end" color="dark">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item onclick="toggleColor()">
             <ion-badge id="toggleColor" slot="end" color="primary">primary</ion-badge>
@@ -80,42 +110,72 @@
           <ion-item>
             <ion-label>Default Badge</ion-label>
             <ion-badge slot="start">00</ion-badge>
+            <ion-badge slot="start" color="primary">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Primary Badge</ion-label>
             <ion-badge slot="start" color="primary">11</ion-badge>
+            <ion-badge slot="start" color="primary">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Secondary Badge</ion-label>
             <ion-badge slot="start" color="secondary">22</ion-badge>
+            <ion-badge slot="start" color="secondary">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Tertiary Badge</ion-label>
             <ion-badge slot="start" color="tertiary">33</ion-badge>
+            <ion-badge slot="start" color="tertiary">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Success Badge</ion-label>
             <ion-badge slot="start" color="success">44</ion-badge>
+            <ion-badge slot="start" color="success">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Warning Badge</ion-label>
             <ion-badge slot="start" color="warning">55</ion-badge>
+            <ion-badge slot="start" color="warning">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Danger Badge</ion-label>
             <ion-badge slot="start" color="danger">66</ion-badge>
+            <ion-badge slot="start" color="danger">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Light Badge</ion-label>
             <ion-badge slot="start" color="light">77</ion-badge>
+            <ion-badge slot="start" color="light">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Medium Badge</ion-label>
             <ion-badge slot="start" color="medium">88</ion-badge>
+            <ion-badge slot="start" color="medium">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Dark Badge</ion-label>
             <ion-badge slot="start" color="dark">99</ion-badge>
+            <ion-badge slot="start" color="dark">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
         </ion-list>
       </ion-content>
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts b/core/src/components/badge/test/shape/badge.e2e.ts
index 5721737781..1d67540620 100644
--- a/core/src/components/badge/test/shape/badge.e2e.ts
+++ b/core/src/components/badge/test/shape/badge.e2e.ts
@@ -40,6 +40,29 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
       await expect(container).toHaveScreenshot(screenshot(`badge-shape-soft-smaller-sizes-long-text`));
     });
 
+    test('should render soft badges with icon for smaller sizes', async ({ page }) => {
+      await page.setContent(
+        `
+        <div id="container">
+          <ion-badge shape="soft" size="xxsmall">
+            <ion-icon name="logo-ionic"></ion-icon>
+          </ion-badge>
+          <ion-badge shape="soft" size="xsmall">
+            <ion-icon name="logo-ionic"></ion-icon>
+          </ion-badge>
+          <ion-badge shape="soft" size="small">
+            <ion-icon name="logo-ionic"></ion-icon>
+          </ion-badge>
+        </div>
+      `,
+        config
+      );
+
+      const container = page.locator('#container');
+
+      await expect(container).toHaveScreenshot(screenshot(`badge-shape-soft-smaller-sizes-icon`));
+    });
+
     test('should render soft badges for larger sizes', async ({ page }) => {
       await page.setContent(
         `
@@ -74,6 +97,29 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
       await expect(container).toHaveScreenshot(screenshot(`badge-shape-soft-larger-sizes-long-text`));
     });
 
+    test('should render soft badges with icon for lager sizes', async ({ page }) => {
+      await page.setContent(
+        `
+        <div id="container">
+          <ion-badge shape="soft" size="medium">
+            <ion-icon name="logo-ionic"></ion-icon>
+          </ion-badge>
+          <ion-badge shape="soft" size="large">
+            <ion-icon name="logo-ionic"></ion-icon>
+          </ion-badge>
+          <ion-badge shape="soft" size="xlarge">
+            <ion-icon name="logo-ionic"></ion-icon>
+          </ion-badge>
+        </div>
+      `,
+        config
+      );
+
+      const container = page.locator('#container');
+
+      await expect(container).toHaveScreenshot(screenshot(`badge-shape-soft-larger-sizes-icon`));
+    });
+
     test('should render round badges', async ({ page }) => {
       await page.setContent(
         `
@@ -100,6 +146,21 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
       await expect(badge).toHaveScreenshot(screenshot(`badge-shape-round-long-text`));
     });
 
+    test('should render round badges with icon', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-badge shape="round">
+          <ion-icon name="logo-ionic"></ion-icon>
+        </ion-badge>
+      `,
+        config
+      );
+
+      const badge = page.locator('ion-badge');
+
+      await expect(badge).toHaveScreenshot(screenshot(`badge-shape-round-icon`));
+    });
+
     test('should render rectangular badges', async ({ page }) => {
       await page.setContent(
         `
@@ -125,5 +186,20 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
 
       await expect(badge).toHaveScreenshot(screenshot(`badge-shape-rectangular-long-text`));
     });
+
+    test('should render rectangular badges with icon', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-badge shape="rectangular">
+          <ion-icon name="logo-ionic"></ion-icon>
+        </ion-badge>
+      `,
+        config
+      );
+
+      const badge = page.locator('ion-badge');
+
+      await expect(badge).toHaveScreenshot(screenshot(`badge-shape-rectangular-icon`));
+    });
   });
 });
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..4e26b0073b
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..c24feb3823
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..eb447d6c20
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-rectangular-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..88e1c519da
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..d5f508e646
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..123ccd9495
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-round-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..741be2cef9
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..2c3dd26ca6
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..59abb2cdfd
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-larger-sizes-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..a71acf78ab
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..21a5fbaa85
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..f01d088a23
Binary files /dev/null and b/core/src/components/badge/test/shape/badge.e2e.ts-snapshots/badge-shape-soft-smaller-sizes-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/shape/index.html b/core/src/components/badge/test/shape/index.html
index 014299c097..ed96e30c9e 100644
--- a/core/src/components/badge/test/shape/index.html
+++ b/core/src/components/badge/test/shape/index.html
@@ -28,21 +28,33 @@
             <ion-label>Default</ion-label>
             <ion-badge slot="end">1</ion-badge>
             <ion-badge slot="end">99+</ion-badge>
+            <ion-badge slot="end">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Soft</ion-label>
             <ion-badge slot="end" shape="soft">1</ion-badge>
             <ion-badge slot="end" shape="soft">99+</ion-badge>
+            <ion-badge slot="end" shape="soft">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Round</ion-label>
             <ion-badge slot="end" shape="round">1</ion-badge>
             <ion-badge slot="end" shape="round">99+</ion-badge>
+            <ion-badge slot="end" shape="round">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Rectangular</ion-label>
             <ion-badge slot="end" shape="rectangular">1</ion-badge>
             <ion-badge slot="end" shape="rectangular">99+</ion-badge>
+            <ion-badge slot="end" shape="rectangular">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
         </ion-list>
       </ion-content>
diff --git a/core/src/components/badge/test/size/badge.e2e.ts b/core/src/components/badge/test/size/badge.e2e.ts
index a992ed3d46..4c5bf98e19 100644
--- a/core/src/components/badge/test/size/badge.e2e.ts
+++ b/core/src/components/badge/test/size/badge.e2e.ts
@@ -32,6 +32,21 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
       await expect(badge).toHaveScreenshot(screenshot(`badge-size-xxsmall-long-text`));
     });
 
+    test('should render xxsmall badges with icon', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-badge size="xxsmall">
+          <ion-icon name="logo-ionic"></ion-icon>
+        </ion-badge>
+      `,
+        config
+      );
+
+      const badge = page.locator('ion-badge');
+
+      await expect(badge).toHaveScreenshot(screenshot(`badge-size-xxsmall-icon`));
+    });
+
     test('should render xsmall badges', async ({ page }) => {
       await page.setContent(
         `
@@ -58,6 +73,21 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
       await expect(badge).toHaveScreenshot(screenshot(`badge-size-xsmall-long-text`));
     });
 
+    test('should render xsmall badges with icon', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-badge size="xsmall">
+          <ion-icon name="logo-ionic"></ion-icon>
+        </ion-badge>
+      `,
+        config
+      );
+
+      const badge = page.locator('ion-badge');
+
+      await expect(badge).toHaveScreenshot(screenshot(`badge-size-xsmall-icon`));
+    });
+
     test('should render small badges', async ({ page }) => {
       await page.setContent(
         `
@@ -84,6 +114,21 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
       await expect(badge).toHaveScreenshot(screenshot(`badge-size-small-long-text`));
     });
 
+    test('should render small badges with icon', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-badge size="small">
+          <ion-icon name="logo-ionic"></ion-icon>
+        </ion-badge>
+      `,
+        config
+      );
+
+      const badge = page.locator('ion-badge');
+
+      await expect(badge).toHaveScreenshot(screenshot(`badge-size-small-icon`));
+    });
+
     test('should render medium badges', async ({ page }) => {
       await page.setContent(
         `
@@ -110,6 +155,21 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
       await expect(badge).toHaveScreenshot(screenshot(`badge-size-medium-long-text`));
     });
 
+    test('should render medium badges with icon', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-badge size="medium">
+          <ion-icon name="logo-ionic"></ion-icon>
+        </ion-badge>
+      `,
+        config
+      );
+
+      const badge = page.locator('ion-badge');
+
+      await expect(badge).toHaveScreenshot(screenshot(`badge-size-medium-icon`));
+    });
+
     test('should render large badges', async ({ page }) => {
       await page.setContent(
         `
@@ -136,6 +196,21 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
       await expect(badge).toHaveScreenshot(screenshot(`badge-size-large-long-text`));
     });
 
+    test('should render large badges with icon', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-badge size="large">
+          <ion-icon name="logo-ionic"></ion-icon>
+        </ion-badge>
+      `,
+        config
+      );
+
+      const badge = page.locator('ion-badge');
+
+      await expect(badge).toHaveScreenshot(screenshot(`badge-size-large-icon`));
+    });
+
     test('should render xlarge badges', async ({ page }) => {
       await page.setContent(
         `
@@ -161,5 +236,20 @@ configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ config, screens
 
       await expect(badge).toHaveScreenshot(screenshot(`badge-size-xlarge-long-text`));
     });
+
+    test('should render xlarge badges with icon', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-badge size="xlarge">
+          <ion-icon name="logo-ionic"></ion-icon>
+        </ion-badge>
+      `,
+        config
+      );
+
+      const badge = page.locator('ion-badge');
+
+      await expect(badge).toHaveScreenshot(screenshot(`badge-size-xlarge-icon`));
+    });
   });
 });
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..17e99daffb
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..13ec8ea652
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..96ca7790cd
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-large-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..69ea3f140d
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..7e95082fd4
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..6b9c41ad5a
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-medium-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..88e1c519da
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..d5f508e646
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..123ccd9495
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-small-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..42803d147c
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..d29314edfd
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..d106ffc64a
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xlarge-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..deffee482d
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..864f0b602a
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..7035b5d6fd
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..1eda10c3ee
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..43ce743905
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..45f5a21fd2
Binary files /dev/null and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-icon-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-ionic-md-ltr-light-Mobile-Chrome-linux.png
index 6fcfdb9e32..b88ae2794d 100644
Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-ionic-md-ltr-light-Mobile-Safari-linux.png
index 41dc68d0c3..365b5ff087 100644
Binary files a/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/badge/test/size/badge.e2e.ts-snapshots/badge-size-xxsmall-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/badge/test/size/index.html b/core/src/components/badge/test/size/index.html
index cbe9225362..1b46642c92 100644
--- a/core/src/components/badge/test/size/index.html
+++ b/core/src/components/badge/test/size/index.html
@@ -28,36 +28,57 @@
             <ion-label>Default</ion-label>
             <ion-badge slot="end">1</ion-badge>
             <ion-badge slot="end">99+</ion-badge>
+            <ion-badge slot="end">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>XXSmall</ion-label>
             <ion-badge slot="end" size="xxsmall">1</ion-badge>
             <ion-badge slot="end" size="xxsmall">99+</ion-badge>
+            <ion-badge slot="end" size="xxsmall">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>XSmall</ion-label>
             <ion-badge slot="end" size="xsmall">1</ion-badge>
             <ion-badge slot="end" size="xsmall">99+</ion-badge>
+            <ion-badge slot="end" size="xsmall">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Small</ion-label>
             <ion-badge slot="end" size="small">1</ion-badge>
             <ion-badge slot="end" size="small">99+</ion-badge>
+            <ion-badge slot="end" size="small">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Medium</ion-label>
             <ion-badge slot="end" size="medium">1</ion-badge>
             <ion-badge slot="end" size="medium">99+</ion-badge>
+            <ion-badge slot="end" size="medium">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>Large</ion-label>
             <ion-badge slot="end" size="large">1</ion-badge>
             <ion-badge slot="end" size="large">99+</ion-badge>
+            <ion-badge slot="end" size="large">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
           <ion-item>
             <ion-label>XLarge</ion-label>
             <ion-badge slot="end" size="xlarge">1</ion-badge>
             <ion-badge slot="end" size="xlarge">99+</ion-badge>
+            <ion-badge slot="end" size="xlarge">
+              <ion-icon name="logo-ionic"></ion-icon>
+            </ion-badge>
           </ion-item>
         </ion-list>
       </ion-content>