Come mettere un <vector> in un <shape> in Android?

Question

Sto cercando di rendere le icone personalizzabili in Android. Ho creato l'elemento vettoriale, ma ora voglio dargli uno sfondo arrotondato, così ho provato a posizionarlo con una forma arrotondata. Come questo:

<?xml version="1.0" encoding="utf-8"?> 
<!-- drawable/circle_card_icon.xml --> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"> 
    <vector xmlns:android="http://schemas.android.com/apk/res/android" 
     android:height="24dp" 
     android:width="24dp" 
     android:viewportWidth="24" 
     android:viewportHeight="24"> 
     <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" /> 
    </vector> 
</shape> 

Eppure questo non funziona, e sto cercando di raggiungere i seguenti obiettivi:

Utilizzando solo il vettore non ottengo lo sfondo.
(ho usato this website per generare il vettore)

Answer 1

Piuttosto che mettere un vettore in una forma, userei una lista dei livelli Drawable

Qualcosa in questo modo:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <!-- drawable/circle_card_icon.xml --> 
     <shape xmlns:android="http://schemas.android.com/apk/res/android" 
      android:shape="oval"> 
      <solid android:color="#8df"/> 
      <size 
       android:width="48dp" 
       android:height="48dp" 
      /> 
     </shape> 
    </item> 
    <item android:drawable="@drawable/your_vector_drawable" /> 
</layer-list>