March 20, 2016

Ionic Add App Icon And Splash Screen

Ionic Add App Icon And Splash Screen : Ionic adds it’s default icon and splash screen while creating the apps if you have not added the icon and splash screen. Here in this tutorial we are going to explain how you can add app icon and add splash screen.

Ionic Add App Icon And Splash Screen

You can add icons and splash screen following the below steps –

Add Icon –

You can add the icon in ionic framework simply as –

1. Add an icon in resources folder which is located at the root of the application –

Add the icon.png as below –
Now Simply Run the below Command –
```
 ionic resources --icon
```
Now it will create the respective icons for your app.

Now let us add the splash screen in ionic framework –

Add Splash Screen –

You can add the splash screen in ionic framework simply as –

1. Add an Splach image spalsh.png in resources folder which is located at the root of the application –

Add the splash.png as below –
Now Simply Run the below Command –
```
 ionic resources --splash
```
Now it will create the respective splash screen for your app.

Tip : Always try to add beautiful image with good quality to avoid the image quality degradation as it creates multiple images for various screen sizes.

Ionic Add App Icon And Splash Screen