diff --git a/packages/core/src/components/icon/icon.ios.scss b/packages/core/src/components/icon/icon.ios.scss
index 2895575f12..eab3ad2ce3 100644
--- a/packages/core/src/components/icon/icon.ios.scss
+++ b/packages/core/src/components/icon/icon.ios.scss
@@ -10,7 +10,7 @@
 @each $color-name, $color-base, $color-contrast in get-colors($colors-ios) {
 
   .icon-ios-#{$color-name} {
-    fill: $color-base;
+    color: $color-base;
   }
 
 }
diff --git a/packages/core/src/components/icon/icon.md.scss b/packages/core/src/components/icon/icon.md.scss
index 6b59231cec..38c08d15b6 100644
--- a/packages/core/src/components/icon/icon.md.scss
+++ b/packages/core/src/components/icon/icon.md.scss
@@ -10,7 +10,7 @@
 @each $color-name, $color-base, $color-contrast in get-colors($colors-md) {
 
   .icon-md-#{$color-name} {
-    fill: $color-base;
+    color: $color-base;
   }
 
 }