diff --git a/ui-particles-angular/projects/ui-particles-angular/assets/gio-icons.svg b/ui-particles-angular/projects/ui-particles-angular/assets/gio-icons.svg
index a2de082f..fb2b6bea 100644
--- a/ui-particles-angular/projects/ui-particles-angular/assets/gio-icons.svg
+++ b/ui-particles-angular/projects/ui-particles-angular/assets/gio-icons.svg
@@ -1426,6 +1426,11 @@
       <path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" d="m11.616 3.52-8.137 3.8a1.037 1.037 0 0 0-.04.058.084.084 0 0 0 .038.06l8.137 3.752a.88.88 0 0 0 .762.001l8.137-3.801a1.468 1.468 0 0 0 .04-.058.084.084 0 0 0-.038-.06L12.378 3.52a.88.88 0 0 0-.762 0ZM3.501 7.293s0 0 0 0h0Zm7.529-5.082a2.305 2.305 0 0 1 1.932 0l.009.004 8.158 3.761a.742.742 0 0 1 .021.01c.745.373 1.068 1.32.652 2.05a.701.701 0 0 1-.026.041l-.008.012c-.045.067-.12.181-.212.283-.095.105-.24.24-.45.32l-8.132 3.8-.012.005a2.306 2.306 0 0 1-1.932 0l-.008-.004-8.16-3.761a.702.702 0 0 1-.02-.01c-.745-.373-1.068-1.32-.651-2.05a.71.71 0 0 1 .033-.053c.045-.067.12-.18.212-.283.095-.105.24-.24.45-.32l8.132-3.8.012-.005Zm10.9 9.984a.717.717 0 0 1-.35.95l-8.71 4.012a2.368 2.368 0 0 1-1.8 0l-8.659-4.013a.717.717 0 0 1 .6-1.3l8.633 4a.936.936 0 0 0 .655 0l8.683-4a.714.714 0 0 1 .948.351Zm0 4.664a.717.717 0 0 1-.35.95l-8.71 4.012a2.369 2.369 0 0 1-1.8 0l-8.659-4.013a.717.717 0 0 1 .6-1.3l8.633 4a.936.936 0 0 0 .655-.001l8.683-4a.714.714 0 0 1 .948.352Z"></path>
     </g>
   </symbol>
+  <symbol fill="none" viewBox="0 0 24 24" id="product-cloud">
+    <g>
+      <path stroke="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M6.85988 8.00979C6.74074 8.00329 6.62076 8 6.5 8C2.91015 8 0 10.9101 0 14.5C0 17.9216 2.64378 20.7447 6 21H20C22.2822 20.5367 24 18.419 24 16C24 13.9495 22.7657 12.1873 20.9995 11.4158C20.9544 7.31248 17.614 4 13.5 4C10.618 4 8.11568 5.62555 6.85988 8.00979ZM19.3063 19L19.6021 18.94C20.9706 18.6622 22 17.449 22 16C22 14.7728 21.2629 13.7133 20.199 13.2486L19.0139 12.731L18.9997 11.4378C18.9666 8.42918 16.5168 6 13.5 6C11.3893 6 9.55301 7.18833 8.62943 8.94183L8.03167 10.0767L6.7509 10.0068C6.66804 10.0023 6.58439 10 6.5 10C4.01472 10 2 12.0147 2 14.5C2 16.8679 3.8302 18.8102 6.1517 18.9868L6.32501 19H19.3063Z" fill="white"/>
+    </g>
+  </symbol>
   <symbol fill="none" viewBox="0 0 24 24" id="prohibition">
     <g>
       <path fill="currentColor" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Z"></path>
diff --git a/ui-particles-angular/projects/ui-particles-angular/src/lib/gio-icons/gio-icons.spec.ts b/ui-particles-angular/projects/ui-particles-angular/src/lib/gio-icons/gio-icons.spec.ts
index 66969d78..32879445 100644
--- a/ui-particles-angular/projects/ui-particles-angular/src/lib/gio-icons/gio-icons.spec.ts
+++ b/ui-particles-angular/projects/ui-particles-angular/src/lib/gio-icons/gio-icons.spec.ts
@@ -235,6 +235,7 @@ const icons = [
   'product-am',
   'product-apim',
   'product-cockpit',
+  'product-cloud',
   'prohibition',
   'puzzle',
   'question-mark-circle',
diff --git a/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.scss b/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.scss
index fe659666..7e106bbd 100644
--- a/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.scss
+++ b/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.scss
@@ -42,7 +42,8 @@ $typography: map.get(gio.$mat-theme, typography);
     color: oem.$oem-menu-text;
   }
 
-  &.cockpit {
+  &.cockpit,
+  &.cloud {
     background: rgb(135 111 236 / 40%);
     color: map.get(gio.$mat-accent-palette, default-contrast);
   }
diff --git a/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.ts b/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.ts
index d207f0ac..8cf00a32 100644
--- a/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.ts
+++ b/ui-particles-angular/projects/ui-particles-angular/src/lib/oem-theme/gio-top-bar/gio-top-bar-content/gio-top-bar-content.component.ts
@@ -15,7 +15,7 @@
  */
 import { Component, Input } from '@angular/core';
 
-export type GioTopBarProductTypes = 'am' | 'apim' | 'cockpit';
+export type GioTopBarProductTypes = 'am' | 'apim' | 'cockpit' | 'cloud';
 
 @Component({
   selector: 'gio-top-bar-content',