title: How to change positions of icons on Xamarin Shell tab bar
body: <p>I'm using Shell on a Xamarin Forms app and the icons that I'm using on the <code>TabBar</code> are a little bit too high up<br>
  <a href="https://i.stack.imgur.com/VaDyj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VaDyj.jpg" alt="enter image description here"></a><br>
  I would like to change their positions to the center but I can't find a way how.<br>
  How would I change the positions/alignment of the icons?
  <strong>TabPage xaml</strong></p>
  
  <pre><code>&lt;!--TabBar Styles and Resources--&gt;
      &lt;Shell.Resources&gt;
          &lt;ResourceDictionary&gt;
              &lt;Style x:Key="FreeStyle" TargetType="Element"&gt;
                  &lt;Setter Property="Shell.TabBarBackgroundColor" Value="#f7f7f7" /&gt;
                  &lt;Setter Property="Shell.TabBarForegroundColor" Value="White"/&gt;
                  &lt;Setter Property="Shell.TabBarUnselectedColor" Value="#999999"/&gt;
                  &lt;Setter Property="Shell.TabBarTitleColor" Value="#61c9f7"/&gt;
              &lt;/Style&gt;
          &lt;/ResourceDictionary&gt;
      &lt;/Shell.Resources&gt;
  
  
      &lt;!--BluePill Pages--&gt;
      &lt;TabBar Style="{StaticResource FreeStyle}"&gt;
          &lt;!--TeleMED Tab--&gt;
          &lt;Tab Icon="telemedicineIcon.png"&gt;
              &lt;ShellContent ContentTemplate="{DataTemplate views:TelemedicineMainPage}"/&gt;
          &lt;/Tab&gt;
  
          &lt;!--Fleming Tab--&gt;
          &lt;Tab Icon="chatbotIcon.png"&gt;
              &lt;ShellContent ContentTemplate="{DataTemplate views:ChatbotPage}"/&gt;
          &lt;/Tab&gt;
  
          &lt;!--FirstAid Tab--&gt;
          &lt;Tab Icon="firstaidIcon.png"&gt;
              &lt;ShellContent ContentTemplate="{DataTemplate views:FirstAidPage}"/&gt;
          &lt;/Tab&gt;
  
          &lt;!--User Profile Tab--&gt;
          &lt;Tab Icon="profileIcon.png"&gt;
              &lt;ShellContent ContentTemplate="{DataTemplate views:UserProfilePage}"/&gt;
          &lt;/Tab&gt;
      &lt;/TabBar&gt;
  </code></pre>