Как раздуть вектор внутри селектора Spinner в Android?

В моем приложении у меня есть этот счетчик:

<Spinner
    android:layout_width="250dp"
    android:layout_height="wrap_content"
    android:id="@+id/spinner"
    android:background="@drawable/spinner">
</Spinner>

Для фона я использую:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item><layer-list>
        //Colors, Shapes and other details

        <item >
            <bitmap android:gravity="bottom|right"
                android:src="@drawable/ic_arrow_drop_down_24dp" />
        </item>
    </layer-list></item>
</selector>

А для ic_arrow_drop_down_24dp я использую:

<vector android:height="24dp" android:tint="#008577"
    android:viewportHeight="24.0" android:viewportWidth="24.0"
    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FF000000" android:pathData="M7,10l5,5 5,-5z"/>
</vector>

И я получаю:

android.view.InflateException: Строка двоичного XML-файла № 22: Строка двоичного XML-файла № 22: Ошибка при раздувании класса Spinner

Итак, я предполагаю, что ошибка в том, что я раздуваю вектор, а не растровое изображение. Как раздуть вектор? Спасибо!