diff --git a/packages/fiori/cypress/specs/Timeline.cy.tsx b/packages/fiori/cypress/specs/Timeline.cy.tsx
index 607dd0508f41..4eababec63ac 100644
--- a/packages/fiori/cypress/specs/Timeline.cy.tsx
+++ b/packages/fiori/cypress/specs/Timeline.cy.tsx
@@ -512,6 +512,76 @@ describe("Timeline - getFocusDomRef", () => {
 	});
 });
 
+describe("TimelineItem iconTooltip", () => {
+	it("should render tooltip on the icon when iconTooltip is set", () => {
+		cy.mount(
+			<Timeline>
+				<TimelineItem
+					id="itemWithTooltip"
+					titleText="Deployment"
+					icon={accept}
+					iconTooltip="Success"
+				>
+					Deployed successfully.
+				</TimelineItem>
+			</Timeline>
+		);
+
+		cy.get("#itemWithTooltip")
+			.shadow()
+			.find("[ui5-icon]")
+			.should("have.attr", "show-tooltip")
+			.and("exist");
+
+		cy.get("#itemWithTooltip")
+			.shadow()
+			.find("[ui5-icon]")
+			.should("have.attr", "accessible-name", "Success");
+	});
+
+	it("should not render tooltip on icon when iconTooltip is not set", () => {
+		cy.mount(
+			<Timeline>
+				<TimelineItem
+					id="itemWithoutTooltip"
+					titleText="Deployment"
+					icon={accept}
+				>
+					Deployed successfully.
+				</TimelineItem>
+			</Timeline>
+		);
+
+		cy.get("#itemWithoutTooltip")
+			.shadow()
+			.find("[ui5-icon]")
+			.should("not.have.attr", "show-tooltip");
+	});
+
+	it("should include iconTooltip in the accessible label of the bubble", () => {
+		cy.mount(
+			<Timeline>
+				<TimelineItem
+					id="itemAccLabel"
+					titleText="Build"
+					subtitleText="Step 1"
+					icon={accept}
+					iconTooltip="Passed"
+					name="CI Pipeline"
+				>
+					Build completed.
+				</TimelineItem>
+			</Timeline>
+		);
+
+		cy.get("#itemAccLabel")
+			.shadow()
+			.find(".ui5-tli-bubble")
+			.should("have.attr", "aria-label")
+			.and("include", "Passed");
+	});
+});
+
 describe("Timeline Header Bar", () => {
 	describe("Search functionality", () => {
 		it("should show header bar when slotted", () => {
diff --git a/packages/fiori/src/TimelineItem.ts b/packages/fiori/src/TimelineItem.ts
index 77931dcdffb7..e8ce90d0cfae 100644
--- a/packages/fiori/src/TimelineItem.ts
+++ b/packages/fiori/src/TimelineItem.ts
@@ -69,6 +69,15 @@ class TimelineItem extends UI5Element implements ITimelineItem {
 	@property()
 	icon?: string;
 
+	/**
+	 * Defines the tooltip of the graphical icon.
+	 * @default undefined
+	 * @public
+	 * @since 2.22.0
+	 */
+	@property()
+	iconTooltip?: string;
+
 	/**
 	 * Defines the name of the item, displayed before the `title-text`.
 	 * @default undefined
@@ -235,6 +244,10 @@ class TimelineItem extends UI5Element implements ITimelineItem {
 			parts.push(this.timelineItemStateText);
 		}
 
+		if (this.iconTooltip) {
+			parts.push(this.iconTooltip);
+		}
+
 		return parts.join(", ");
 	}
 }
diff --git a/packages/fiori/src/TimelineItemTemplate.tsx b/packages/fiori/src/TimelineItemTemplate.tsx
index 9fcdd0e7a651..1f77f4edcc69 100644
--- a/packages/fiori/src/TimelineItemTemplate.tsx
+++ b/packages/fiori/src/TimelineItemTemplate.tsx
@@ -19,7 +19,13 @@ export default function TimelineItemTemplate(this: TimelineItem) {
 				<div class="ui5-tli-icon-outer">
 					{
 						this.icon ?
-							<Icon class="ui5-tli-icon" name={this.icon} mode="Decorative"/>
+							<Icon
+								class="ui5-tli-icon"
+								name={this.icon}
+								mode="Decorative"
+								showTooltip={!!this.iconTooltip}
+								accessibleName={this.iconTooltip}
+							/>
 							:
 							<div class="ui5-tli-dummy-icon-container"></div>
 					}
diff --git a/packages/fiori/test/pages/Timeline.html b/packages/fiori/test/pages/Timeline.html
index bf528d4b6f89..ec57a7aed7f3 100644
--- a/packages/fiori/test/pages/Timeline.html
+++ b/packages/fiori/test/pages/Timeline.html
@@ -364,6 +364,33 @@ <h2>Advanced Timeline - Horizontal With Groups and Diverse Components</h2>
 			</div>
 		</section>
 
+		<section style="width: 100%;">
+			<h2>Timeline with Various Timeline Item States</h2>
+			<div style="width: 50%; margin: 1rem;">
+				<ui5-timeline id="test-timeline">
+					<ui5-timeline-group-item group-name="Build">
+						<ui5-timeline-item title="Compile" subtitle="Testing suite A" icon="sap-icon://accept" icon-tooltip="Compilation successful" name="Testing suite A" state="Positive">
+							Compilation succeeded.
+						</ui5-timeline-item>
+						<ui5-timeline-item title="Lint" subtitle="Testing suite B" icon="sap-icon://message-information" name="Testing suite B" state="Information">
+							Lint completed with minor issues.
+						</ui5-timeline-item>
+					</ui5-timeline-group-item>
+					<ui5-timeline-group-item group-name="Test">
+						<ui5-timeline-item title="Unit Test" subtitle="Testing suite C" icon="sap-icon://decline" name="Testing suite C" state="Negative">
+							Unit tests failed.
+						</ui5-timeline-item>
+						<ui5-timeline-item title="Integration Test" subtitle="Testing suite D" icon="sap-icon://message-warning" name="Testing suite D" state="Critical">
+							Integration tests have warnings.
+						</ui5-timeline-item>
+						<ui5-timeline-item title="E2E Test" subtitle="Testing suite E" icon="sap-icon://accept" name="Testing suite E" state="Positive">
+							End-to-end tests passed.
+						</ui5-timeline-item>
+					</ui5-timeline-group-item>
+				</ui5-timeline>
+			</div>
+		</section>
+
 <section style="width: 100%;">
 	<h2>Timeline with Various Timeline Item States</h2>
 	<div style="width: 50%; margin: 1rem;">