title: material-UI: Unable to set Color of SVG Icon inside Tab
body: <p>Have the following inside a react class render():</p>
  
  <pre><code>import {blue900} from 'material-ui/styles/colors';
  import {Tabs, Tab} from 'material-ui/Tabs';
  import SocialPeople from 'material-ui/svg-icons/social/people';
  
  var myClass = React.createClass({
     render: function() {
       return (
        &lt;Tabs&gt;
          &lt;Tab icon={&lt;SocialPeople color={blue900} /&gt;}/&gt;
        &lt;/Tabs&gt;
       );
     }
  });
  </code></pre>
  
  <p>The SVG icon color is ignored above, whereas it works below:</p>
  
  <pre><code>var myClass = React.createClass({
     render: function() {
       return (
          &lt;SocialPeople color={blue900} /&gt;
       );
     }
  });
  </code></pre>
  
  <p>Can anyone explain this?
  How to set icon color inside the tab element?</p>