Tab icons not displaying on iOS


#1

When running my app on an android device or the Google Chrome inspector the icons in my ion-tabs show up nicely. When running the app on iOS (iOS 11.0 on iPhone SE simulator) they do not appear and I’m left with a white bar on that bottom of the screen that I can still tap on to switch tabs, but no icons show. I’m wondering if I have old syntax or if anyone else has run across this problem. Thanks in advance!

Here is my tabs.html

<ion-tabs>
  <ion-tab [root]="tab1Root" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabIcon="aperture"></ion-tab>
  <ion-tab [root]="" tabIcon="contact"></ion-tab>
</ion-tabs>

ionic info:

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.12.0
    ionic (Ionic CLI) : 3.12.0

global packages:

    cordova (Cordova CLI) : 7.0.1 

local packages:

    @ionic/app-scripts : 1.3.7
    Cordova Platforms  : ios 4.5.1
    Ionic Framework    : ionic-angular 3.4.0

System:

    Android SDK Tools : 26.0.2
    ios-deploy        : 1.9.2 
    ios-sim           : 6.1.1 
    Node              : v6.10.3
    npm               : 5.3.0 
    OS                : macOS Sierra
    Xcode             : Xcode 9.0 Build version 9A235