title: How to put a <vector> in a <shape> in Android?
body: <p>I'm trying to make customizable icons in Android. I made the vector element, but now I want to give it a rounded background, so I tried to place it within a rounded shape. Like this:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;!-- drawable/circle_card_icon.xml --&gt;
  &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="oval"&gt;
      &lt;vector xmlns:android="http://schemas.android.com/apk/res/android"
          android:height="24dp"
          android:width="24dp"
          android:viewportWidth="24"
          android:viewportHeight="24"&gt;
          &lt;path android:fillColor="#000"
              android:pathData="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18" /&gt;
      &lt;/vector&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>Yet this doesn't work, and I'm trying to achieve the following:<br>
  <a href="https://i.stack.imgur.com/sdfb3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sdfb3.png" alt="enter image description here"></a></p>
  
  <p>By using only the vector I don't get the background.<br>
  (I used <a href="https://materialdesignicons.com/" rel="noreferrer">this website</a> to generate the vector)</p>