title: How do I customize a Floating Action Button shape?
body: <p>I am trying to create a custom FAB with a custom shape. I have tried setting the <code>android: background</code> along with the <code>shapeAppearanceOverlay</code> and <code>shapeAppearance</code> property and still no luck. </p>
  
  <pre><code>        &lt;com.google.android.material.floatingactionbutton.FloatingActionButton
              android:id="@+id/edit_score_fab"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              app:layout_constraintEnd_toEndOf="parent"
              app:layout_constraintTop_toTopOf="parent"
              app:shapeAppearance="@drawable/edit_score_fab"
              app:shapeAppearanceOverlay="@drawable/edit_score_fab"
              android:background="@drawable/edit_score_fab"/&gt;
  </code></pre>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle"
      &gt;
      &lt;size
          android:height="5dp"
          android:width="10dp"/&gt;
      &lt;corners android:bottomLeftRadius="4dp" /&gt;
      &lt;solid android:color="@color/color_primary"/&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>My result</p>
  
  <p><a href="https://i.stack.imgur.com/7nRnT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7nRnT.png" alt="enter image description here"></a></p>
  
  <p>What I want</p>
  
  <p><a href="https://i.stack.imgur.com/OCoNJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OCoNJ.png" alt="enter image description here"></a></p>