title: Using FontAwesome or any other webfonts in the Xamarin AppShell TabBar Icon Property
body: <p>I have FontAwesome setup in my Xamarin.Forms(5.0) app (I'm using a bottom tabbed template from Microsoft).</p>
  <p>I can display an icon in an image on one of the pages with no issues. I cannot seem to get one of the font icons to show in a TabBar element.</p>
  <p>In the template there are two navigation elements; &quot;about&quot; and &quot;browse&quot;. Those icons referenced appear to be .png files that are added into the specific iOS and Android projects. I want to reference webfont icons instead.</p>
  <p>Here is my code for the AppShell.xaml. Can anyone see anything wrong with this? All the code you see below is template generated except for the <code>local2</code> namespace declaration and the &quot;shows&quot; <code>ShellContent</code> item.</p>
  <p><code>FontAwesomeBrands</code> is just a class that was generated from the <code>.otf</code> file using IconFont2Code website.</p>
  <pre><code>    &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
      &lt;Shell xmlns=&quot;http://xamarin.com/schemas/2014/forms&quot; 
             xmlns:x=&quot;http://schemas.microsoft.com/winfx/2009/xaml&quot;
             xmlns:local=&quot;clr-namespace:Business.Mobile.Views&quot;
             xmlns:local2=&quot;clr-namespace:Business.Mobile&quot;
             Title=&quot;Business.Mobile&quot;
             x:Class=&quot;Business.Mobile.AppShell&quot;&gt;
      
          &lt;Shell.Resources&gt;
              &lt;ResourceDictionary&gt;
                  &lt;Style x:Key=&quot;BaseStyle&quot; TargetType=&quot;Element&quot;&gt;
                      &lt;Setter Property=&quot;Shell.BackgroundColor&quot; Value=&quot;{StaticResource Primary}&quot; /&gt;
                      &lt;Setter Property=&quot;Shell.ForegroundColor&quot; Value=&quot;White&quot; /&gt;
                      &lt;Setter Property=&quot;Shell.TitleColor&quot; Value=&quot;White&quot; /&gt;
                      &lt;Setter Property=&quot;Shell.DisabledColor&quot; Value=&quot;#B4FFFFFF&quot; /&gt;
                      &lt;Setter Property=&quot;Shell.UnselectedColor&quot; Value=&quot;#95FFFFFF&quot; /&gt;
                      &lt;Setter Property=&quot;Shell.TabBarBackgroundColor&quot; Value=&quot;{StaticResource Primary}&quot; /&gt;
                      &lt;Setter Property=&quot;Shell.TabBarForegroundColor&quot; Value=&quot;White&quot;/&gt;
                      &lt;Setter Property=&quot;Shell.TabBarUnselectedColor&quot; Value=&quot;#95FFFFFF&quot;/&gt;
                      &lt;Setter Property=&quot;Shell.TabBarTitleColor&quot; Value=&quot;White&quot;/&gt;
                  &lt;/Style&gt;
                  &lt;Style TargetType=&quot;TabBar&quot; BasedOn=&quot;{StaticResource BaseStyle}&quot; /&gt;
                  &lt;Style TargetType=&quot;FlyoutItem&quot; BasedOn=&quot;{StaticResource BaseStyle}&quot; /&gt;
              &lt;/ResourceDictionary&gt;
          &lt;/Shell.Resources&gt;
      
          &lt;TabBar&gt;
              &lt;ShellContent Title=&quot;About&quot; Icon=&quot;icon_about.png&quot; Route=&quot;AboutPage&quot; ContentTemplate=&quot;{DataTemplate local:AboutPage}&quot; /&gt;
              &lt;ShellContent Title=&quot;Browse&quot; Icon=&quot;icon_feed.png&quot; ContentTemplate=&quot;{DataTemplate local:ItemsPage}&quot; /&gt;
              &lt;ShellContent Title=&quot;Shows&quot; Icon=&quot;{x:Static local2:FontAwesomeBrands.Audible}&quot;  ContentTemplate=&quot;{DataTemplate local:ItemsPage}&quot; /&gt;
          &lt;/TabBar&gt;
      
          &lt;!--
              If you would like to navigate to this content you can do so by calling
              await Shell.Current.GoToAsync(&quot;//LoginPage&quot;);
          --&gt;
          &lt;TabBar&gt;
              &lt;ShellContent Route=&quot;LoginPage&quot; ContentTemplate=&quot;{DataTemplate local:LoginPage}&quot; /&gt;
          &lt;/TabBar&gt;
      
      &lt;/Shell&gt;
  </code></pre>
  <p>This is in my AssemblyInfo.cs file.</p>
  <pre><code>    using Xamarin.Forms;
      using Xamarin.Forms.Xaml;
      
      [assembly: XamlCompilation(XamlCompilationOptions.Compile)]
      [assembly: ExportFont(&quot;fa-brands-400.otf&quot;, Alias = &quot;FaBrands&quot;)]
  </code></pre>
  <p>Everything is in the root of the shared project. The <code>fa-brands-400.otf</code> file has its property set to <code>EmbeddedResource</code>. And again, it's working with an Image I added to the AboutPage.xaml.</p>