diff --git a/scss/elements/_icons.scss b/scss/elements/_icons.scss
index 0379154d..34b35a8c 100644
--- a/scss/elements/_icons.scss
+++ b/scss/elements/_icons.scss
@@ -17,16 +17,18 @@
   margin: $icon-size / 4;
 }
 
-@mixin icon-style-default {
+@mixin icon-color($color) {
   > svg * {
-    fill: $color-black;
+    fill: $color;
   }
 }
 
+@mixin icon-style-default {
+  @include icon-color($color-black);
+}
+
 @mixin icon-style-active {
-  > svg * {
-    fill: $color-primary;
-  }
+  @include icon-color($color-primary);
 }
 
 @mixin icon-style-inverted {
@@ -43,4 +45,8 @@
   &.icon--tiny {
     @include icon-size(10);
   }
+
+  &.icon--large {
+    @include icon-size(24);
+  }
 }