How to change default App Icon and Splash Screen in Ionic 4 application?

javascript angular ionic-framework hybrid-mobile-app ionic4
Abhijit Mondal Abhi picture Abhijit Mondal Abhi · Apr 23, 2019 · Viewed 19.3k times · Source

I'm developing Ionic 4 app with angular. But, I have stuck in how to change the default App Icon and Splash Screen. I've already go through the Ionic 4 documentation (https://ionicframework.com/docs/native/splash-screen#usage) but din't find any suitable solution yet. In StakOverflow I've found Lottie Splash Screen which is one kind of solution but not similar how Ionic default Splash screen works. So, do you have any suggestion how to overcome this issue.

Answer

Sam picture Sam · Apr 23, 2019

I use ionic 3 and I think ionic 4 its the same , in your project folder , you have a resources directory, go in.
To change the default icon , just change the icon.png by your image, if I remember you need to resize your image (1024*1024).
To change the default splashscreen, its the same (2732*2732).
Don't forget to rename your image (icon.png and splash.png)

And after change, just update your project :

ionic cordova resources

Related questions

Error: npm ERR! write after end

I am having issues installing Cordova and Ionic. At first I couldn't because of what seems to be a corrupted installation, that led me to uninstall NodeJS - Cordova - Ionic. Now, I've reinstalled NodeJS, without issues but when it …

Read More
Counting up in ngFor - Angular 2

I have a problem counting up the ngFor Loop in Angular 2. Im trying to develop a grid that has 3 columns and a dynamic amount of rows. I would like to loop through my array and add the elements from left …

Read More
Cannot find module '@schematics/angular/utility/project'

If I do ionic generate component xxx An unhandled exception occurred: Cannot find module '@schematics/angular/utility/project' Require stack: /Users/user/develop/myapp/node_modules/@ionic/angular-toolkit/schematics/component/index.js /Users/user/develop/myapp/node_modules/@angular-devkit/…

Read More