How to show icon in toolbar instead of text

Question

I am trying to show some icons in the toolbar using the following menu but in the output Instead of icons, only text is displaying. How to display icons instead of text

menu.xml

<?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto">
        <item
            android:id="@+id/toEditName"
            android:title="@string/buttonEditName"
            app:showAsAction="ifRoom"
            tools:icon="@drawable/ic_edit_name" />
        <item
            android:id="@+id/toHistory"
            android:title="@string/buttonHistory"
            app:showAsAction="ifRoom"
            tools:icon="@drawable/ic_history" />
    </menu>

Preview Image

Actual Output Image

Answer 1

You have to use android:icon attribute not tools:icon Try this

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/toEditName"
        android:title="@string/buttonEditName"
        app:showAsAction="ifRoom"
        android:icon="@drawable/ic_edit_name" />
    <item
        android:id="@+id/toHistory"
        android:title="@string/buttonHistory"
        app:showAsAction="ifRoom"
        android:icon="@drawable/ic_history" />
</menu>