diff --git a/packages/core/src/components/fab/fab.ios.scss b/packages/core/src/components/fab/fab.ios.scss
index f8b1e1e01b..2834b526db 100755
--- a/packages/core/src/components/fab/fab.ios.scss
+++ b/packages/core/src/components/fab/fab.ios.scss
@@ -10,6 +10,9 @@ $fab-ios-background-color:                        color($colors-ios, primary) !d
 /// @prop - Text color of the button
 $fab-ios-text-color:                              color-contrast($colors-ios, $fab-ios-background-color) !default;
 
+/// @prop - Color of the button icon
+$fab-ios-icon-color:                              color-contrast($colors-ios, $fab-ios-background-color) !default;
+
 /// @prop - Background color of the activated button
 $fab-ios-background-color-activated:              color-shade($fab-ios-background-color) !default;
 
@@ -53,6 +56,10 @@ $fab-ios-list-button-transition-delay:            10ms !default;
   background-color: $fab-ios-list-button-background-color-activated;
 }
 
+.fab-ios .icon {
+  fill: $fab-ios-icon-color;
+}
+
 
 // Generate iOS FAB colors
 // --------------------------------------------------
@@ -68,6 +75,10 @@ $fab-ios-list-button-transition-delay:            10ms !default;
     background-color: $bg-color;
   }
 
+  .fab-ios-#{$color-name} .icon {
+    fill: $fg-color;
+  }
+
   .fab-ios-#{$color-name}.activated {
     background-color: $bg-color-activated;
   }
diff --git a/packages/core/src/components/icon/icon.wp.scss b/packages/core/src/components/icon/icon.wp.scss
index 9085c09a9c..2b822e7b0c 100644
--- a/packages/core/src/components/icon/icon.wp.scss
+++ b/packages/core/src/components/icon/icon.wp.scss
@@ -11,7 +11,7 @@
 @each $color-name, $color-base, $color-contrast in get-colors($colors-wp) {
 
   .icon-wp-#{$color-name} {
-    color: $color-base;
+    fill: $color-base;
   }
 
 }
diff --git a/packages/core/src/components/item-sliding/item-sliding.ios.scss b/packages/core/src/components/item-sliding/item-sliding.ios.scss
index de1ebed617..4a64b94d60 100644
--- a/packages/core/src/components/item-sliding/item-sliding.ios.scss
+++ b/packages/core/src/components/item-sliding/item-sliding.ios.scss
@@ -17,6 +17,9 @@ $item-ios-sliding-button-background-color:   color($colors-ios, primary) !defaul
 /// @prop - Text color of the sliding option button
 $item-ios-sliding-button-text-color:         color-contrast($colors-ios, $item-ios-sliding-button-background-color) !default;
 
+/// @prop - color of the sliding option button icon
+$item-ios-sliding-button-icon-color:         color-contrast($colors-ios, $item-ios-sliding-button-background-color) !default;
+
 
 .list-ios ion-item-sliding {
   background-color: $item-ios-sliding-content-background;
@@ -32,6 +35,10 @@ $item-ios-sliding-button-text-color:         color-contrast($colors-ios, $item-i
   background-color: $item-ios-sliding-button-background-color;
 }
 
+.item-option-button-ios .icon {
+  fill: $item-ios-sliding-button-icon-color;
+}
+
 
 // iOS No Lines List
 // --------------------------------------------------
@@ -51,4 +58,8 @@ $item-ios-sliding-button-text-color:         color-contrast($colors-ios, $item-i
     background-color: $color-base;
   }
 
+  .item-option-button-ios-#{$color-name} .icon {
+    fill: $color-contrast;
+  }
+
 }
\ No newline at end of file
diff --git a/packages/core/src/components/item-sliding/item-sliding.md.scss b/packages/core/src/components/item-sliding/item-sliding.md.scss
index 7e36f54a85..2571d45b84 100644
--- a/packages/core/src/components/item-sliding/item-sliding.md.scss
+++ b/packages/core/src/components/item-sliding/item-sliding.md.scss
@@ -17,6 +17,9 @@ $item-md-sliding-button-background-color:    color($colors-md, primary) !default
 /// @prop - Text color of the sliding option button
 $item-md-sliding-button-text-color:          color-contrast($colors-md, $item-md-sliding-button-background-color) !default;
 
+/// @prop - color of the sliding option button icon
+$item-md-sliding-button-icon-color:          color-contrast($colors-md, $item-md-sliding-button-background-color) !default;
+
 
 .list-md ion-item-sliding {
   background-color: $item-md-sliding-content-background;
@@ -32,6 +35,10 @@ $item-md-sliding-button-text-color:          color-contrast($colors-md, $item-md
   background-color: $item-md-sliding-button-background-color;
 }
 
+.item-option-button-md .icon {
+  fill: $item-md-sliding-button-icon-color;
+}
+
 // Material Design No Lines List
 // --------------------------------------------------
 
@@ -50,4 +57,8 @@ $item-md-sliding-button-text-color:          color-contrast($colors-md, $item-md
     background-color: $color-base;
   }
 
+  .item-option-button-md-#{$color-name} .icon {
+    fill: $color-contrast;
+  }
+
 }
\ No newline at end of file
diff --git a/packages/core/src/components/item-sliding/item-sliding.wp.scss b/packages/core/src/components/item-sliding/item-sliding.wp.scss
index 5c5e349b44..587a14963f 100644
--- a/packages/core/src/components/item-sliding/item-sliding.wp.scss
+++ b/packages/core/src/components/item-sliding/item-sliding.wp.scss
@@ -17,6 +17,9 @@ $item-wp-sliding-button-background-color:    color($colors-wp, primary) !default
 /// @prop - Text color of the sliding option button
 $item-wp-sliding-button-text-color:          color-contrast($colors-wp, $item-wp-sliding-button-background-color) !default;
 
+/// @prop - Color of the sliding option button icon
+$item-wp-sliding-button-icon-color:          color-contrast($colors-wp, $item-wp-sliding-button-background-color) !default;
+
 
 .list-wp ion-item-sliding {
   background-color: $item-wp-sliding-content-background;
@@ -32,6 +35,9 @@ $item-wp-sliding-button-text-color:          color-contrast($colors-wp, $item-wp
   background-color: $item-wp-sliding-button-background-color;
 }
 
+.item-option-button-wp .icon {
+  fill: $item-wp-sliding-button-icon-color;
+}
 
 // Windows No Lines List
 // --------------------------------------------------
@@ -51,4 +57,8 @@ $item-wp-sliding-button-text-color:          color-contrast($colors-wp, $item-wp
     background-color: $color-base;
   }
 
+  .item-option-button-wp-#{$color-name} .icon {
+    fill: $color-contrast;
+  }
+
 }
\ No newline at end of file