Android StudioでのComponent Tree内のアイコンを正しく表示させたい

前提・実現したいこと

Android Studioでアプリ開発の練習をしてます。
書籍　はじめてのAndroidプログラミング第3版(p240~)を参考にしてます。
言語はKotlinを主に用いています。

Component Tree内でのMenu Itemのアイコンが正しく表示されないことについての解決方法が知りたいです。ご教示お願いします。

発生している問題・エラーメッセージ

Menu Itemのアイコンが?になっている。

該当のソースコード

XML
1<?xml version="1.0" encoding="utf-8"?>
2<menu xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android">
3
4<item android:title="@string/top_text" android:id="@+id/top" android:icon="@drawable/ic_home_black_24dp"
5      app:showAsAction="ifRoom" android:checkable="true" android:enabled="true" android:visible="true"/>
6<item android:title="@string/lunch" android:id="@+id/lunch" android:visible="true" android:enabled="true"
7      android:checkable="false">
8    <menu
9    >
10        <item android:title="@string/L_1" android:id="@+id/lunch01" android:visible="true" android:enabled="true"
11              android:checkable="false"/>
12        <item android:title="@string/L_2" android:id="@+id/lunch02" android:enabled="true" android:visible="true"/>
13    </menu>
14</item>
15<item android:title="@string/dinner" android:id="@+id/dinner">
16    <menu
17    >
18        <item android:title="@string/D_1" android:id="@+id/dinner01"/>
19        <item android:title="@string/D_2" android:id="@+id/dinner02"/>
20    </menu>
21</item>
22</menu>