diff --git a/src/SvgIcon/SvgIcon.js b/src/SvgIcon/SvgIcon.js
index 2ad0dd75dc1685..84ef00f6a5108a 100644
--- a/src/SvgIcon/SvgIcon.js
+++ b/src/SvgIcon/SvgIcon.js
@@ -75,7 +75,7 @@ class SvgIcon extends Component {
     } = this.props;
 
     const {
-      baseTheme,
+      svgIcon,
       prepareStyles,
     } = this.context.muiTheme;
 
@@ -84,7 +84,7 @@ class SvgIcon extends Component {
 
     const mergedStyles = Object.assign({
       display: 'inline-block',
-      color: baseTheme.palette.textColor,
+      color: svgIcon.color,
       fill: this.state.hovered ? onColor : offColor,
       height: 24,
       width: 24,
diff --git a/src/styles/getMuiTheme.js b/src/styles/getMuiTheme.js
index 2cb1db6c5330c2..4de304296cfc53 100644
--- a/src/styles/getMuiTheme.js
+++ b/src/styles/getMuiTheme.js
@@ -238,6 +238,9 @@ export default function getMuiTheme(muiTheme, ...more) {
       disabledTextColor: fade(black, 0.26),
       connectorLineColor: grey400,
     },
+    svgIcon: {
+      color: palette.textColor,
+    },
     table: {
       backgroundColor: palette.canvasColor,
     },