title: Can you add a flat mat-fab button to an Angular app using Angular Material?
body: <p>I am adding a <a href="https://material.angular.io/components/button/examples" rel="nofollow noreferrer">mat-fab</a> button to my Angular app from Angular Material:</p>
  
  <pre><code>&lt;button mat-fab&gt;
      &lt;mat-icon&gt;menu&lt;/mat-icon&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>At the moment, the button is appearing like so:</p>
  
  <p><a href="https://i.stack.imgur.com/Eb4Nc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Eb4Nc.png" alt="enter image description here"></a></p>
  
  <p>But I want the button to appear flat (so the circle isn't visible, all that I want visible is the icon).</p>
  
  <p>I've tried using the below code, but that's making no difference:</p>
  
  <pre><code>&lt;button mat-flat-button mat-fab&gt;
      &lt;mat-icon&gt;menu&lt;/mat-icon&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>Can someone please show me if it is possible to add the <code>flat</code> styling to a <code>mat-fab</code> button?</p>