From d0747bd7a90b9e3a2595d7af1f983667cc8ce88c Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Wed, 10 Jan 2018 10:52:25 -0500
Subject: [PATCH] fix(icon): set color using the color property

---
 packages/core/src/components/icon/icon.ios.scss | 2 +-
 packages/core/src/components/icon/icon.md.scss  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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;
   }
 
 }