L9: @import "ionicons-icons"; not found IONIC SERVE!


When running IONIC SERVE I have suddenly started getting this error.

sass: node_modules/ionic-angular/fonts/ionicons.scss, line: 9
File to import not found or unreadable: ionicons-icons. Parent style sheet:

   L9:  @import "ionicons-icons";
  L10:  @import "ionicons-variables";

Here is my IONIC INFO output.

I have also ran the following commands to make sure I have all the latest updates:

  1. npm install npm@latest -g
  2. npm update -g cordova ionic
  3. Deleted node_modules and re-ran NPM INSTALL


Rerun ionic info after the updates please.
Post your package.json content please.


Thanks for your reply. Here is the info you asked for:
“name”: “xxxx”,
“author”: “xxxx”,
“homepage”: “xxxx”,
“private”: true,
“scripts”: {
“ionic:build”: “ionic-app-scripts build --prod”,
“ionic:serve”: “ionic-app-scripts serve --dev”
“dependencies”: {
"@angular/common": “^4.2.3”,
"@angular/compiler": “^4.2.3”,
"@angular/compiler-cli": “^4.2.3”,
"@angular/core": “^4.2.3”,
"@angular/forms": “^4.2.3”,
"@angular/http": “^4.2.3”,
"@angular/platform-browser": “^4.2.3”,
"@angular/platform-browser-dynamic": “^4.2.3”,
"@angular/platform-server": “^4.2.3”,
"@ionic-native/android-fingerprint-auth": “^3.12.1”,
"@ionic-native/core": “^3.12.1”,
"@ionic-native/splash-screen": “^3.12.1”,
"@ionic-native/status-bar": “^3.12.1”,
"@ionic/cloud-angular": “^0.12.0”,
"@ionic/storage": “^2.0.1”,
“angular2-google-maps”: “^0.17.0”,
“gulp-sass”: “^3.1.0”,
“intl”: “^1.2.5”,
“ionic-angular”: “^3.4.2”,
“ionicons”: “3.0.0”,
“latest-version”: “^3.1.0”,
“lodash”: “^4.17.4”,
“mime-types”: “^2.1.15”,
“moment”: “^2.18.1”,
“rxjs”: “^5.4.1”,
“sw-toolbox”: “3.6.0”,
“uuid”: “^3.1.0”,
“zone.js”: “0.8.12”
“devDependencies”: {
"@ionic/app-scripts": “^1.3.7”,
“typescript”: “2.3.4”
“cordovaPlugins”: [
“id”: “phonegap-plugin-push”,
“locator”: “phonegap-plugin-push”,
“variables”: {
“SENDER_ID”: “xxxx”
“locator”: “https://github.com/mapsplugin/cordova-plugin-googlemaps-sdk”,
“id”: “com.googlemaps.ios”
“cordovaPlatforms”: [],
“description”: “xxxxx.”

ionic info:

`Your system information:

ordova CLI: 6.5.0
Ionic Framework Version: 3.4.2
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.3.7
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.1
Xcode version: Not installed`



For anyone else facing this issue. This is what fixed it for me :slight_smile:
npm uninstall ionicons
npm install ionicons


(Make sure to use --save on that npm install to make sure it gets saved to package.json - otherwise this could be left out after checking out the project freshly from git)


Thanks Sujan. Totally appreciate you replying so actively on this forum. Very helpful.


I’m facing the same problem, still…