diff --git a/packages/main/cypress/specs/RatingIndicator.cy.tsx b/packages/main/cypress/specs/RatingIndicator.cy.tsx
index 3e17309b82762..5646cd4b4c56b 100644
--- a/packages/main/cypress/specs/RatingIndicator.cy.tsx
+++ b/packages/main/cypress/specs/RatingIndicator.cy.tsx
@@ -6,6 +6,34 @@ import "@ui5/webcomponents-icons/dist/thumb-up.js";
import "@ui5/webcomponents-icons/dist/thumb-down.js";
describe("RatingIndicator", () => {
+ describe("Default Icons Loading", () => {
+ it("should load and render the default 'favorite' and 'unfavorite' icons without explicit imports", () => {
+ cy.mount();
+
+ cy.get("[ui5-rating-indicator]")
+ .shadow()
+ .find(".ui5-rating-indicator-item-sel [ui5-icon]")
+ .first()
+ .shadow()
+ .find("svg path[d]")
+ .should("exist")
+ .and($path => {
+ expect($path.attr("d")).to.have.length.greaterThan(0);
+ });
+
+ cy.get("[ui5-rating-indicator]")
+ .shadow()
+ .find(".ui5-rating-indicator-item-unsel [ui5-icon]")
+ .first()
+ .shadow()
+ .find("svg path[d]")
+ .should("exist")
+ .and($path => {
+ expect($path.attr("d")).to.have.length.greaterThan(0);
+ });
+ });
+ });
+
describe("Custom Icons", () => {
it("should render default icons when no custom icons are specified", () => {
cy.mount();
diff --git a/packages/main/src/RatingIndicator.ts b/packages/main/src/RatingIndicator.ts
index b88e2bf454a09..4a2b47403e947 100644
--- a/packages/main/src/RatingIndicator.ts
+++ b/packages/main/src/RatingIndicator.ts
@@ -17,6 +17,8 @@ import {
import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import "@ui5/webcomponents-icons/dist/favorite.js";
+import "@ui5/webcomponents-icons/dist/unfavorite.js";
import {
RATING_INDICATOR_TEXT,
RATING_INDICATOR_TOOLTIP_TEXT,