diff --git a/packages/eui/changelogs/upcoming/9528.md b/packages/eui/changelogs/upcoming/9528.md
new file mode 100644
index 000000000000..8424900d64a2
--- /dev/null
+++ b/packages/eui/changelogs/upcoming/9528.md
@@ -0,0 +1 @@
+- Added `transitionBottomIn` and `transitionBottomOut` icons to `EuiIcon`
diff --git a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
index 6c6dfc826267..49ac2f2bd784 100644
--- a/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/packages/eui/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -14422,6 +14422,50 @@ exports[`EuiIcon props type training is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type transitionBottomIn is rendered 1`] = `
+<svg
+  class="euiIcon emotion-euiIcon-m-isLoaded"
+  data-icon-type="transitionBottomIn"
+  data-is-loaded="true"
+  height="16"
+  role="presentation"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7.5 9V5.207L5.854 6.854l-.708-.708L8 3.293l2.854 2.853-.707.708L8.5 5.207V9z"
+  />
+  <path
+    clip-rule="evenodd"
+    d="M2 15a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zM14 2H2v8h12zm0 9.793V11h-.793l-3 3h1.586zM11.793 11h-1.586l-3 3h1.586zm-3 0H7.207l-3 3h1.586zm-3 0H4.207L2 13.207V14h.793zm-3 0H2v.793zM14 13.207l-.793.793H14z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type transitionBottomOut is rendered 1`] = `
+<svg
+  class="euiIcon emotion-euiIcon-m-isLoaded"
+  data-icon-type="transitionBottomOut"
+  data-is-loaded="true"
+  height="16"
+  role="presentation"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.5 3.293v3.793l1.646-1.647.707.707L8 9 5.146 6.146l.708-.707L7.5 7.086V3.293z"
+  />
+  <path
+    clip-rule="evenodd"
+    d="M2 15a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zM14 2H2v8h12zm0 9.793V11h-.793l-3 3h1.586zM11.793 11h-1.586l-3 3h1.586zm-3 0H7.207l-3 3h1.586zm-3 0H4.207L2 13.207V14h.793zm-3 0H2v.793zM14 13.207l-.793.793H14z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type transitionLeftIn is rendered 1`] = `
 <svg
   class="euiIcon emotion-euiIcon-m-isLoaded"
diff --git a/packages/eui/src/components/icon/assets/transition_bottom_in.tsx b/packages/eui/src/components/icon/assets/transition_bottom_in.tsx
new file mode 100644
index 000000000000..1076a6b6944f
--- /dev/null
+++ b/packages/eui/src/components/icon/assets/transition_bottom_in.tsx
@@ -0,0 +1,39 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import type { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const EuiIconTransitionBottomIn = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M7.5 9V5.207L5.854 6.854l-.708-.708L8 3.293l2.854 2.853-.707.708L8.5 5.207V9z" />
+    <path
+      fillRule="evenodd"
+      d="M2 15a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zM14 2H2v8h12zm0 9.793V11h-.793l-3 3h1.586zM11.793 11h-1.586l-3 3h1.586zm-3 0H7.207l-3 3h1.586zm-3 0H4.207L2 13.207V14h.793zm-3 0H2v.793zM14 13.207l-.793.793H14z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export const icon = EuiIconTransitionBottomIn;
diff --git a/packages/eui/src/components/icon/assets/transition_bottom_out.tsx b/packages/eui/src/components/icon/assets/transition_bottom_out.tsx
new file mode 100644
index 000000000000..d29377b7ef27
--- /dev/null
+++ b/packages/eui/src/components/icon/assets/transition_bottom_out.tsx
@@ -0,0 +1,39 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import type { SVGProps } from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+const EuiIconTransitionBottomOut = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M8.5 3.293v3.793l1.646-1.647.707.707L8 9 5.146 6.146l.708-.707L7.5 7.086V3.293z" />
+    <path
+      fillRule="evenodd"
+      d="M2 15a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zM14 2H2v8h12zm0 9.793V11h-.793l-3 3h1.586zM11.793 11h-1.586l-3 3h1.586zm-3 0H7.207l-3 3h1.586zm-3 0H4.207L2 13.207V14h.793zm-3 0H2v.793zM14 13.207l-.793.793H14z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export const icon = EuiIconTransitionBottomOut;
diff --git a/packages/eui/src/components/icon/icon_map.ts b/packages/eui/src/components/icon/icon_map.ts
index 4a1bec2cca55..3190e7ab8614 100644
--- a/packages/eui/src/components/icon/icon_map.ts
+++ b/packages/eui/src/components/icon/icon_map.ts
@@ -579,6 +579,8 @@ export const typeToPathMap = {
   refreshTime: () => import('./assets/refresh_time'),
   timeslider: () => import('./assets/clock_control'), // NOTE: To be deprecated in favor of clockControl
   training: () => import('./assets/presentation'), // NOTE: To be deprecated in favor of presentation,
+  transitionBottomIn: () => import('./assets/transition_bottom_in'),
+  transitionBottomOut: () => import('./assets/transition_bottom_out'),
   transitionLeftIn: () => import('./assets/transition_left_in'),
   transitionLeftOut: () => import('./assets/transition_left_out'),
   transitionTopIn: () => import('./assets/transition_top_in'),
diff --git a/packages/eui/src/components/icon/svgs/transition_bottom_in.svg b/packages/eui/src/components/icon/svgs/transition_bottom_in.svg
new file mode 100644
index 000000000000..9e039dfa6d90
--- /dev/null
+++ b/packages/eui/src/components/icon/svgs/transition_bottom_in.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M7.5 9V5.207L5.854 6.854l-.708-.708L8 3.293l2.854 2.853-.707.708L8.5 5.207V9z"/><path fill-rule="evenodd" d="M2 15a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zM14 2H2v8h12zm0 9.793V11h-.793l-3 3h1.586zM11.793 11h-1.586l-3 3h1.586zm-3 0H7.207l-3 3h1.586zm-3 0H4.207L2 13.207V14h.793zm-3 0H2v.793zM14 13.207l-.793.793H14z" clip-rule="evenodd"/></svg>
diff --git a/packages/eui/src/components/icon/svgs/transition_bottom_out.svg b/packages/eui/src/components/icon/svgs/transition_bottom_out.svg
new file mode 100644
index 000000000000..cc22af9376fd
--- /dev/null
+++ b/packages/eui/src/components/icon/svgs/transition_bottom_out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8.5 3.293v3.793l1.646-1.647.707.707L8 9 5.146 6.146l.708-.707L7.5 7.086V3.293z"/><path fill-rule="evenodd" d="M2 15a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1zM14 2H2v8h12zm0 9.793V11h-.793l-3 3h1.586zM11.793 11h-1.586l-3 3h1.586zm-3 0H7.207l-3 3h1.586zm-3 0H4.207L2 13.207V14h.793zm-3 0H2v.793zM14 13.207l-.793.793H14z" clip-rule="evenodd"/></svg>
diff --git a/packages/website/docs/components/display/icons/icon_types.ts b/packages/website/docs/components/display/icons/icon_types.ts
index c7afb1dba35b..c703c6e2a2a3 100644
--- a/packages/website/docs/components/display/icons/icon_types.ts
+++ b/packages/website/docs/components/display/icons/icon_types.ts
@@ -313,6 +313,8 @@ export const iconTypes: Array<IconType> = [
   'thumbUp',
   'timeline',
   'timelineWithArrow', // To be deprecated
+  'transitionBottomIn',
+  'transitionBottomOut',
   'transitionLeftIn',
   'transitionLeftOut',
   'transitionTopIn',