title: How do I change the color of an md-icon in Angular Material?
body: <p>I started to use Angular Material in my project and I was wondering how I can change the svg color inside an <code>am-button</code>.</p>
  
  <p>This is my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;md-button class="md-fab md-primary"&gt;
      &lt;md-icon
          class="ng-scope ng-isolate-scope md-default-theme"
          style="height: 14px; width: 14px;"
          md-svg-src="img/material-icons/core/arrow-forward.svg"
      &gt;&lt;/md-icon&gt;
  &lt;/md-button&gt;
  </code></pre>
  
  <p>What do I need to add to change the color of the svg from the curent black to white, just like in <a href="https://material.angularjs.org/latest/CSS/button#icon-button-using-font-icons">Google's button demo</a>? (section <em>"Icon button using Font-icons"</em>)</p>