diff --git a/src/core/components/mod-icon/mod-icon.scss b/src/core/components/mod-icon/mod-icon.scss
index 8fe00d913..a7ba181c6 100644
--- a/src/core/components/mod-icon/mod-icon.scss
+++ b/src/core/components/mod-icon/mod-icon.scss
@@ -40,7 +40,7 @@
             --color: white;
 
             @each $type, $value in $activity-icon-background-colors {
-                &.#{$type} {
+                &.#{$type}:not(.branded) {
                     background-color: var(--activity-40-#{$type});
                 }
             }
diff --git a/src/core/components/mod-icon/mod-icon.ts b/src/core/components/mod-icon/mod-icon.ts
index 5b217762e..b616f5070 100644
--- a/src/core/components/mod-icon/mod-icon.ts
+++ b/src/core/components/mod-icon/mod-icon.ts
@@ -127,6 +127,14 @@ export class CoreModIconComponent implements OnInit, OnChanges {
 
         // No icon or local icon (not legacy), colorize it.
         if (!this.iconUrl || this.isLocalUrl) {
+
+            // Exception for bigbluebuttonbn, it's the only one that has a branded icon.
+            if (this.iconVersion === IconVersion.VERSION_4_0 && this.modname === 'bigbluebuttonbn') {
+                this.isBranded = true;
+
+                return;
+            }
+
             this.isBranded = false;
 
             return;
@@ -136,8 +144,8 @@ export class CoreModIconComponent implements OnInit, OnChanges {
 
         // If it's an Moodle Theme icon, check if filtericon is set and use it.
         if (this.iconUrl && CoreUrlUtils.isThemeImageUrl(this.iconUrl)) {
-            const iconParams = CoreUrlUtils.extractUrlParams(this.iconUrl);
-            if (iconParams['filtericon'] === '1') {
+            const filter = CoreUrlUtils.getThemeImageUrlParam(this.iconUrl, 'filtericon');
+            if (filter === '1') {
                 this.isBranded =  false;
 
                 return;