diff --git a/apps/profile/lib/Controller/ProfileApiController.php b/apps/profile/lib/Controller/ProfileApiController.php
index 3a4aca44d3628..cd01e281951db 100644
--- a/apps/profile/lib/Controller/ProfileApiController.php
+++ b/apps/profile/lib/Controller/ProfileApiController.php
@@ -125,7 +125,8 @@ private function getSharedCalendarEvents(string $userId) {
 				'label' => $event['objects'][0]['SUMMARY'][0],
 				'text' => $this->formatter->formatTimeSpan($start, \DateTime::createFromImmutable($now)),
 				'href' => $href,
-				'img' => $this->urlGenerator->getAbsoluteURL($this->appManager->getAppIcon('calendar')),
+				'img' => $this->urlGenerator->getAbsoluteURL($this->appManager->getAppIcon('calendar', true)),
+				'themedIcon' => true,
 			];
 		}
 		return $result;
diff --git a/apps/profile/lib/ResponseDefinitions.php b/apps/profile/lib/ResponseDefinitions.php
index 5af937930f62f..edb9d9e64e982 100644
--- a/apps/profile/lib/ResponseDefinitions.php
+++ b/apps/profile/lib/ResponseDefinitions.php
@@ -14,7 +14,8 @@
  *   label: string,
  *   text: string,
  *   href: string,
- *   img: string
+ *   img: string,
+ *   themedIcon?: bool,
  * }
  */
 class ResponseDefinitions {
diff --git a/apps/profile/src/components/SharedResourcesSection.vue b/apps/profile/src/components/SharedResourcesSection.vue
index f7902a52d87ef..f72018e6e0022 100644
--- a/apps/profile/src/components/SharedResourcesSection.vue
+++ b/apps/profile/src/components/SharedResourcesSection.vue
@@ -35,6 +35,7 @@ const title = computed(() => t('profile', 'You & {user}', { user: props.displayN
 				<template #icon>
 					<img
 						class="shared-resources__icon"
+						:class="{ 'shared-resources__icon--themed': resource.themedIcon }"
 						:src="resource.img"
 						alt=""
 						decoding="async"
@@ -74,6 +75,10 @@ const title = computed(() => t('profile', 'You & {user}', { user: props.displayN
 		height: 32px;
 		object-fit: contain;
 		border-radius: var(--border-radius);
+
+		&--themed {
+			filter: var(--background-invert-if-dark);
+		}
 	}
 }
 
diff --git a/apps/profile/src/services/sharedResources.ts b/apps/profile/src/services/sharedResources.ts
index 24d7d72cf2171..94cec2f47d261 100644
--- a/apps/profile/src/services/sharedResources.ts
+++ b/apps/profile/src/services/sharedResources.ts
@@ -13,6 +13,8 @@ export interface SharedResource {
 	text: string
 	href: string
 	img: string
+	/** Monochrome app icon that should follow the text color via CSS filter. */
+	themedIcon?: boolean
 }
 
 interface OcsResponse<T> {