diff --git a/packages/core/src/components/button/button.ios.scss b/packages/core/src/components/button/button.ios.scss
index cb06ef7de1..b5eef60af6 100644
--- a/packages/core/src/components/button/button.ios.scss
+++ b/packages/core/src/components/button/button.ios.scss
@@ -39,6 +39,9 @@ $button-ios-border-radius:                          4px !default;
 /// @prop - Font size of the button text
 $button-ios-font-size:                              1.6rem !default;
 
+/// @prop - Color of the button icon
+$button-ios-icon-fill-color:                        currentColor !default;
+
 /// @prop - Background color of the button
 $button-ios-background-color:                       color($colors-ios, primary) !default;
 
@@ -208,6 +211,10 @@ $button-ios-strong-font-weight:                     600 !default;
   opacity: $button-ios-opacity-hover;
 }
 
+.button-ios .icon {
+  fill: $button-ios-icon-fill-color;
+}
+
 
 // iOS Default Button Color Mixin
 // --------------------------------------------------
diff --git a/packages/core/src/components/button/button.md.scss b/packages/core/src/components/button/button.md.scss
index 50ddde0863..02e4615b59 100644
--- a/packages/core/src/components/button/button.md.scss
+++ b/packages/core/src/components/button/button.md.scss
@@ -46,6 +46,9 @@ $button-md-font-weight:                    500 !default;
 /// @prop - Capitalization of the button text
 $button-md-text-transform:                 uppercase !default;
 
+/// @prop - Color of the button icon
+$button-md-icon-fill-color:                currentColor !default;
+
 /// @prop - Background color of the button
 $button-md-background-color:               color($colors-md, primary) !default;
 
@@ -258,6 +261,10 @@ $button-md-strong-font-weight:                  bold !default;
   background-color: $button-md-text-color;
 }
 
+.button-md .icon {
+  fill: $button-md-icon-fill-color;
+}
+
 
 // Material Design Default Button Color Mixin
 // --------------------------------------------------