Material-ui: outline version of icon : <p>I'm using material-ui in my react web application. I need the icon 'action/description' in a component but in the <em>outline</em> version. </p>

<p>According to the docs:</p>

<blockquote>
  <p>For convenience, the full set of google Material icons are available
  in Material-UI as pre-built SVG Icon components.</p>
</blockquote>

<p>So I can do this to get the "filled" version:</p>

<pre><code>import ActionDescription from 'material-ui/svg-icons/action/description'

&lt;div className="number"&gt;
  &lt;ActionDescription /&gt;
&lt;/div&gt;
</code></pre>

<p>But how do I get the "outline" version? I tried playing with css but didn't succeed:</p>

<pre><code>&lt;div&gt;
  &lt;ActionDescription style={{black: "black"}} color="transparent" /&gt;
&lt;/div&gt;
</code></pre>
