diff --git a/theme/boost/scss/moodle/icons.scss b/theme/boost/scss/moodle/icons.scss
index 81397c4dbc0..950b422bbee 100644
--- a/theme/boost/scss/moodle/icons.scss
+++ b/theme/boost/scss/moodle/icons.scss
@@ -157,7 +157,9 @@ $iconsizes: map-merge((
         background-color: $value;
         .activityicon,
         .icon {
-            filter: brightness(0) invert(1);
+            &:not(.nofilter) {
+                filter: brightness(0) invert(1);
+            }
         }
     }
 }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index e8a4a15d45f..d2003b6f138 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -26066,48 +26066,48 @@ blockquote {
 .activityiconcontainer.administration {
   background-color: #5d63f6;
 }
-.activityiconcontainer.administration .activityicon,
-.activityiconcontainer.administration .icon {
+.activityiconcontainer.administration .activityicon:not(.nofilter),
+.activityiconcontainer.administration .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.assessment {
   background-color: #eb66a2;
 }
-.activityiconcontainer.assessment .activityicon,
-.activityiconcontainer.assessment .icon {
+.activityiconcontainer.assessment .activityicon:not(.nofilter),
+.activityiconcontainer.assessment .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.collaboration {
   background-color: #f7634d;
 }
-.activityiconcontainer.collaboration .activityicon,
-.activityiconcontainer.collaboration .icon {
+.activityiconcontainer.collaboration .activityicon:not(.nofilter),
+.activityiconcontainer.collaboration .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.communication {
   background-color: #11a676;
 }
-.activityiconcontainer.communication .activityicon,
-.activityiconcontainer.communication .icon {
+.activityiconcontainer.communication .activityicon:not(.nofilter),
+.activityiconcontainer.communication .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.content {
   background-color: #399be2;
 }
-.activityiconcontainer.content .activityicon,
-.activityiconcontainer.content .icon {
+.activityiconcontainer.content .activityicon:not(.nofilter),
+.activityiconcontainer.content .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.interface {
   background-color: #a378ff;
 }
-.activityiconcontainer.interface .activityicon,
-.activityiconcontainer.interface .icon {
+.activityiconcontainer.interface .activityicon:not(.nofilter),
+.activityiconcontainer.interface .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 4d249634592..9f460bf5cd8 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -26066,48 +26066,48 @@ blockquote {
 .activityiconcontainer.administration {
   background-color: #5d63f6;
 }
-.activityiconcontainer.administration .activityicon,
-.activityiconcontainer.administration .icon {
+.activityiconcontainer.administration .activityicon:not(.nofilter),
+.activityiconcontainer.administration .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.assessment {
   background-color: #eb66a2;
 }
-.activityiconcontainer.assessment .activityicon,
-.activityiconcontainer.assessment .icon {
+.activityiconcontainer.assessment .activityicon:not(.nofilter),
+.activityiconcontainer.assessment .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.collaboration {
   background-color: #f7634d;
 }
-.activityiconcontainer.collaboration .activityicon,
-.activityiconcontainer.collaboration .icon {
+.activityiconcontainer.collaboration .activityicon:not(.nofilter),
+.activityiconcontainer.collaboration .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.communication {
   background-color: #11a676;
 }
-.activityiconcontainer.communication .activityicon,
-.activityiconcontainer.communication .icon {
+.activityiconcontainer.communication .activityicon:not(.nofilter),
+.activityiconcontainer.communication .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.content {
   background-color: #399be2;
 }
-.activityiconcontainer.content .activityicon,
-.activityiconcontainer.content .icon {
+.activityiconcontainer.content .activityicon:not(.nofilter),
+.activityiconcontainer.content .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }
 
 .activityiconcontainer.interface {
   background-color: #a378ff;
 }
-.activityiconcontainer.interface .activityicon,
-.activityiconcontainer.interface .icon {
+.activityiconcontainer.interface .activityicon:not(.nofilter),
+.activityiconcontainer.interface .icon:not(.nofilter) {
   filter: brightness(0) invert(1);
 }