title: ImageView with vector drawable size
body: <p>I'm using a vector drawable and I want my image view with a background of 40dp and the image of 24dp.
  I've got this layout now:</p>
  
  <pre><code>&lt;ImageView
              android:id="@+id/image"
              android:layout_width="40dp"
              android:layout_height="40dp"
              android:background="@drawable/circle"
              android:src="@drawable/ic_image"
              android:tint="@android:color/white"
              tools:ignore="ContentDescription"/&gt;
  </code></pre>
  
  <p>The problem is that the image is scaled and fills all 40dp even if in the vector drawable I've got:</p>
  
  <pre><code>&lt;vector xmlns:android="http://schemas.android.com/apk/res/android"
          android:width="24dp"
          android:height="24dp"
          android:viewportWidth="24.0"
          android:viewportHeight="24.0"&gt;
  </code></pre>
  
  <p>The drawable circle is:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
         android:shape="oval"&gt;
      &lt;solid
          android:color="@color/colorAccent"/&gt;
      &lt;size
          android:width="40dp"
          android:height="40dp"/&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>How can I fix the layout? Do I need to convert the vector into png?</p>