Best way to add android standard icons in Xamarin

Question

I'm using a Toolbar from "android.support.v7.widget.Toolbar".

What is the best way to add (standard) icons into your android application?

What i did...

• I downloaded the icons from this website (24dp, white): https://design.google.com/icons/
• Unzipped the zip files & put each icon into the specified folder in the app (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi)
• I added the mdpi icon to the folder (Resources/Drawable)

Now I reference the the icon in layout like:

android:icon="@drawable/ic_search_white_24dp"

But my icons are a bit blurry. What am I doing wrong?

Toolbar

<android.support.v7.widget.Toolbar
    android:id="@+id/my_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    android:elevation="4dp"
    local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    local:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

Searchview where I link to the icon

<menu
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        tools:context=".MainActivity">
  <item
      android:id="@+id/action_search"
      android:orderInCategory="200"
      android:title="Zoeken"
      android:icon="@drawable/ic_search_white_24dp"
      app:showAsAction="ifRoom|collapseActionView"
      app:actionViewClass="android.support.v7.widget.SearchView"
      android:inputType="textCapCharacters"/>
</menu>

Answer 1

Normally I use 36dp images as Icons in toolbar. You can download the 36 dp variant from the dropdown at bottom from Material Design Icons. You can download that and replace in menu as

<menu
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">
<item
  android:id="@+id/action_search"
  android:orderInCategory="200"
  android:title="Zoeken"
  android:icon="@drawable/ic_search_white_36dp"
  app:showAsAction="ifRoom|collapseActionView"
  app:actionViewClass="android.support.v7.widget.SearchView"
  android:inputType="textCapCharacters"/>
</menu>

Also you can add other custom Icons (36 dp icons for clarity) to your toolbar as below

 <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@android:color/transparent"
            android:minHeight="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
            <Button
                android:id="@+id/editButton"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_gravity="right"
                android:background="@drawable/ic_edit_white_36dp"
                android:layout_marginRight="16dp"
                android:visibility="gone" />
        </android.support.v7.widget.Toolbar>