title: Change Menu Bar Icon on Navigation Page
body: <p>I'm desperately trying to change the icon color on my Xamarin Forms app. I thought this hamburger menu was text but I can't seem to change it at all now. Is it an image? I found a slideout.png image, but any edits to that do not display within the app. Where is it pulling this hamburger menu icon from?<a href="https://i.stack.imgur.com/0PM7V.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0PM7V.png" alt="enter image description here"></a></p>
  
  <p>Page:</p>
  
  <pre><code>[XamlCompilation(XamlCompilationOptions.Compile)]
  public partial class LandingPage : MasterDetailPage
  {
      public LandingPage()
      {
          InitializeComponent();
          MasterPage.ListView.ItemSelected += ListView_ItemSelected;
      }
      public void ListView_ItemSelected(object sender, SelectedItemChangedEventArgs e)
      {
          var item = e.SelectedItem as LandingPageMenuItem;
          if (item == null)
              return;
          var page = (Page)Activator.CreateInstance(item.TargetType);
          page.Title = item.Title;
          Detail = new NavigationPage(page);
          MasterPage.ListView.SelectedItem = null;
          IsPresented = false;
      }
  }
  
  &lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           x:Class="Test.LandingPage" xmlns:pages="clr-namespace:Test"&gt;
      &lt;MasterDetailPage.Master&gt;
          &lt;pages:LandingPageMaster x:Name="MasterPage" /&gt;
      &lt;/MasterDetailPage.Master&gt;
      &lt;MasterDetailPage.Detail&gt;
          &lt;NavigationPage&gt;
              &lt;x:Arguments&gt;
                  &lt;pages:LandingPageDetail /&gt;
              &lt;/x:Arguments&gt;
          &lt;/NavigationPage&gt;
      &lt;/MasterDetailPage.Detail&gt;
  &lt;/MasterDetailPage&gt;
  </code></pre>
  
  <p>Master:</p>
  
  <pre><code>[XamlCompilation(XamlCompilationOptions.Compile)]
  public partial class LandingPageMaster : ContentPage
  {
      public LandingPageMasterViewModel Vm { get; private set; }
      public ListView ListView =&gt; ListViewMenuItems;
      public LandingPageMaster()
      {
          InitializeComponent();
          Vm = new LandingPageMasterViewModel();
          BindingContext = Vm;
      }
  
      protected override void OnAppearing()
      {
          ListViewMenuItems.SelectedItem = Vm.MenuItems[0];
      }
      public class LandingPageMasterViewModel : INotifyPropertyChanged
      {
          private ObservableCollection&lt;LandingPageMenuItem&gt; _menuItems;
  
          public ObservableCollection&lt;LandingPageMenuItem&gt; MenuItems
          {
              get
              {
                  return _menuItems;
              }
              set
              {
                  _menuItems = value;
                  OnPropertyChanged();
              }
          }
  
          public LandingPageMasterViewModel()
          {
              ObservableCollection&lt;LandingPageMenuItem&gt; items = new ObservableCollection&lt;LandingPageMenuItem&gt;();
              items.Add(new LandingPageMenuItem { Title = "OCR" });
              MenuItems = items;
          }
  
          public event PropertyChangedEventHandler PropertyChanged;
  
          void OnPropertyChanged([CallerMemberName]string propertyName = "") =&gt; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
      }
  }
  
  &lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               x:Class="Test.LandingPageMaster" Title=""&gt;
      &lt;StackLayout&gt;
          &lt;ListView x:Name="ListViewMenuItems" SeparatorVisibility="None" HasUnevenRows="True" ItemsSource="{Binding MenuItems}"&gt;
              &lt;ListView.Header&gt;
                  &lt;Grid&gt;
                      &lt;Grid.ColumnDefinitions&gt;
                          &lt;ColumnDefinition Width="60" /&gt;
                      &lt;/Grid.ColumnDefinitions&gt;
                      &lt;Grid.RowDefinitions&gt;
                          &lt;RowDefinition Height="30" /&gt;
                      &lt;/Grid.RowDefinitions&gt;
                      &lt;Label Grid.Column = "0" Grid.Row="0" Text=" " /&gt;
                  &lt;/Grid&gt;
              &lt;/ListView.Header&gt;
              &lt;ListView.ItemTemplate&gt;
                  &lt;DataTemplate&gt;
                      &lt;ViewCell&gt;
                          &lt;StackLayout Padding="15,10" HorizontalOptions="FillAndExpand"&gt;
                              &lt;Label VerticalOptions="FillAndExpand" VerticalTextAlignment="Center" Text="{Binding Title}" FontSize="Medium" /&gt;
                              &lt;Label VerticalOptions="FillAndExpand" VerticalTextAlignment="Center" Text="{Binding Subtitle}" FontSize="Small" /&gt;
                          &lt;/StackLayout&gt;
                      &lt;/ViewCell&gt;
                  &lt;/DataTemplate&gt;
              &lt;/ListView.ItemTemplate&gt;
          &lt;/ListView&gt;
      &lt;/StackLayout&gt;
  &lt;/ContentPage&gt;
  </code></pre>
  
  <p>Detail:</p>
  
  <pre><code>[XamlCompilation(XamlCompilationOptions.Compile)]
  public partial class LandingPageDetail : ContentPage
  {
      public LandingPageDetail()
      {
          InitializeComponent();
      }
  }
  
  
  &lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               x:Class="Test.LandingPageDetail" Title="Detail"&gt;
      &lt;StackLayout Padding="10"&gt;
          &lt;Label Text="This is a detail page" /&gt;
      &lt;/StackLayout&gt;
  &lt;/ContentPage&gt;
  </code></pre>