title: DrawableLeft with xml icon
body: <p>How to use drawableLeft with an xml icon? I have the following button:</p>
  
  <pre><code>&lt;Button
     android:id="@+id/vitimas"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginBottom="10dp"
     android:layout_marginLeft="20dp"
     android:layout_marginRight="20dp"
     android:drawableLeft="@drawable/ic_person_black_24dp"
     android:drawableStart="@drawable/ic_person_black_24dp"
     android:background="@drawable/botao_verde"
     android:text="Vítimas"/&gt;
  </code></pre>
  
  <p>In old APIs such as 16, the app stops working due to <code>drawableLeft</code>, I tried to use an <code>ImageButton</code> but the same happens, if I use <code>app: srcCompat</code> it works, however the icon is not stay in left, I need it to be stay in left and the text in the middle</p>
  
  <p>The icon is from the <strong>Vector Asset</strong> package.</p>