Ionics showing wrong icons

I have been trying to use Ionicons icons in my project but some of the icons are rendered wrong. For example, ios-business and md-business renders ios-logo-ionitron and md-jet respectively.

I am using the latest version of Ionicons and the built-in cheatsheet also renders incorrectly. Here is a dependency list in my package.json

"dependencies": {
        "@angular/common": "4.1.3",
        "@angular/compiler": "4.1.3",
        "@angular/compiler-cli": "4.1.3",
        "@angular/core": "4.1.3",
        "@angular/forms": "4.1.3",
        "@angular/http": "4.1.3",
        "@angular/platform-browser": "4.1.3",
        "@angular/platform-browser-dynamic": "4.1.3",
        "@ionic-native/core": "3.12.1",
        "@ionic-native/email-composer": "^4.5.2",
        "@ionic-native/social-sharing": "^4.2.1",
        "@ionic-native/splash-screen": "3.12.1",
        "@ionic-native/status-bar": "3.12.1",
        "@ionic-native/stripe": "^4.4.2",
        "@ionic/storage": "2.0.1",
        "angularfire2": "^4.0.0-rc.2",
        "cordova-android": "6.4.0",
        "cordova-browser": "^4.1.0",
        "cordova-ios": "4.5.5",
        "cordova-plugin-console": "^1.1.0",
        "cordova-plugin-device": "^1.1.7",
        "cordova-plugin-email-composer": "^0.8.15",
        "cordova-plugin-splashscreen": "^4.1.0",
        "cordova-plugin-statusbar": "^2.4.2",
        "cordova-plugin-stripe": "^1.5.3",
        "cordova-plugin-whitelist": "^1.3.3",
        "cordova-plugin-x-socialsharing": "^5.4.1",
        "es6-promise-plugin": "^4.2.2",
        "firebase": "4.3.0",
        "ionic-angular": "3.6.0",
        "ionic-plugin-keyboard": "^2.2.1",
        "ionicons": "^4.2.1",
        "promise-polyfill": "6.0.2",
        "rxjs": "5.4.0",
        "sw-toolbox": "3.6.0",
        "zone.js": "0.8.12"
    },

Would be great help if someone can help me resolve this issue.

Cheers!