title: How can I use an Apple system icon as a tab icon in Xamarin.Forms iOS custom renderer?
body: <p>I came across this guide:</p>
  
  <p><a href="https://developer.apple.com/ios/human-interface-guidelines/graphics/system-icons/" rel="nofollow noreferrer">https://developer.apple.com/ios/human-interface-guidelines/graphics/system-icons/</a></p>
  
  <p>I would like to use some of these icons. Is there a way to do that or do I have to search for my own similar looking icons pngs and use them?</p>
  
  <p>Note that I would be okay to use a custom renderer if that's the way that I should be doing it.  I am new to Xamarin and would appreciate any advice on how this could be done. </p>
  
  <p>Here's an example of my custom renderer. But I still do not understand how to use the System icons:</p>
  
  <pre><code>    private void OnTabBarReselected(object sender, UITabBarSelectionEventArgs e)
      {
          //PhrasesFrameRendererClass frame = new PhrasesFrameRendererClass();
          var tabs = Element as TabbedPage;
          var playTab = tabs.Children[0];
          if (TabBar.SelectedItem.Title == "Play")
          {
              if (tabs != null)
              {
                  playTab.Title = "Pause";
                  playTab.Icon = "pause.png";
                  playTab.Icon =  UITabBarSystemItem.Featured;
              }
              AS.runCardTimer = true;
          }
          else if (TabBar.SelectedItem.Title == "Pause")
          {
              if (tabs != null)
              {
                  playTab.Title = "Play";
                  playTab.Icon = "play.png";
                  AS.phrasesFrame.SetTimerLabel("paused");
              }
              AS.runCardTimer = false;
          }
  
      }
  </code></pre>
  
  <p>Here's how I assign the icons. I would like to do this also in a custom renderer if that is possible:</p>
  
  <pre><code>    public MainPage()
      {
          InitializeComponent();
  
          var phrasesPage = new NavigationPage(new PhrasesPage())
          {
              Title = "Pause",
              Icon = "pause.png"
          };
          var settingsPage = new NavigationPage(new SettingsPage())
          {
              Title = "Settings",
              Icon = "settings.png"
          };
          var aboutPage = new NavigationPage(new AboutPage())
          {
              Title = "About",
              Icon = "info.png"
          };
          var categoriesPage = new NavigationPage(new CategoryGroupPage())
          {
              Title = "Cards",
              Icon = "tab.png"
          };
  
          Children.Add(phrasesPage);
          Children.Add(categoriesPage);
          Children.Add(settingsPage);
          Children.Add(aboutPage);
      }
  </code></pre>