---
title: App Icons for Cordova
---
Cordova icons and splash screens are native resources declared in `/src-cordova/config.xml`. The required files and declarations depend on the installed `cordova-android` and `cordova-ios` versions.

If you discover one file that is new or missing, please [open an issue](https://github.com/quasarframework/quasar/issues).

## Icon Genie CLI

> [!TIP]
> We highly recommend using the [Icon Genie CLI](../../icongenie/introduction.md), because it consumes a source icon and automatically clones, scales, minifies and places the icons in the appropriate directories for you. When needed, it also tells you what tags you'll need to add to your /index.html file.

Quickly bootstrap the necessary images with Icon Genie CLI. For a complete list of options, please visit the [Icon Genie CLI](../../icongenie/command-list.md) command list page.

```bash
icongenie generate -m cordova -i /path/to/source/icon.png [-b /path/to/background.png]
```

## Manual instructions

Unless you are using Icon Genie CLI, replace the generated resources and keep their `config.xml` declarations aligned with the requirements of each installed Cordova platform. Current Cordova platforms provide splash-screen handling; install `cordova-plugin-splashscreen` (in `/src-cordova`) only when an older platform version explicitly requires it.

- **src-cordova**
  - **res**
    - **android**
      - **ldpi.png**
        _36x36_
      - **mdpi.png**
        _48x48_
      - **hdpi.png**
        _72x72_
      - **xhdpi.png**
        _96x96_
      - **xxhdpi.png**
        _144x144_
      - **xxxhdpi.png**
        _192x192_
  - **ios**
    - **icon.png**
      _57x57_
    - **icon@2x.png**
      _114x114_
    - **icon-20@2x.png**
    - **icon-20@3x.png**
    - **icon-29.png**
    - **icon-29@2x.png**
    - **icon-29@3x.png**
    - **icon-40@2x.png**
    - **icon-60@2x.png**
    - **icon-60@3x.png**
    - **icon-20.png**
    - **icon-20@2x.png**
    - **icon-40.png**
    - **icon-50.png**
    - **icon-50@2x.png**
    - **icon-72.png**
    - **icon-72@2x.png**
    - **icon-76.png**
    - **icon-76@2x.png**
    - **icon-83.5@2x.png**
    - **icon-1024.png**
    - **icon-24@2x.png**
    - **icon-27.5@2x.png**
    - **icon-29@2x.png**
    - **icon-29@3x.png**
    - **icon-40@2x.png**
    - **icon-44@2x.png**
    - **icon-50@2x.png**
    - **icon-86@2x.png**
    - **icon-98@2x.png**
  - **screen**
    - **android**
      - **splash-land-ldpi.png**
      - **splash-port-ldpi.png**
      - **splash-land-mdpi.png**
      - **splash-port-mdpi.png**
      - **splash-land-hdpi.png**
      - **splash-port-hdpi.png**
      - **splash-land-xhdpi.png**
      - **splash-port-xhdpi.png**
      - **splash-land-xxhdpi.png**
      - **splash-port-xxhdpi.png**
      - **splash-land-xxxhdpi.png**
      - **splash-port-xxxhdpi.png**
    - **ios**
      - **Default@2x~iphone~comcom.png**
      - **Default@2x~iphone~comany.png**
      - **Default@2x~iphone~anyany.png**
      - **Default@3x~iphone~anycom.png**
      - **Default@3x~iphone~comany.png**
      - **Default@3x~iphone~anyany.png**
      - **Default@2x~ipad~comany.png**
      - **Default@2x~ipad~anyany.png**

And here is part of what your config.xml should look like:

```xml
<platform name="android">
    <icon density="ldpi" src="res/android/ldpi.png" />
    <icon density="mdpi" src="res/android/mdpi.png" />
    <icon density="xxxhdpi" src="res/android/xxxhdpi.png" />
    <splash density="land-ldpi" src="res/screen/android/splash-land-ldpi.png" />
    <splash density="port-ldpi" src="res/screen/android/splash-port-ldpi.png" />
    <splash density="land-mdpi" src="res/screen/android/splash-land-mdpi.png" />
    <icon density="hdpi" src="res/android/hdpi.png" />
    <icon density="xxhdpi" src="res/android/xxhdpi.png" />
    <splash density="port-mdpi" src="res/screen/android/splash-port-mdpi.png" />
    <splash density="land-hdpi" src="res/screen/android/splash-land-hdpi.png" />
    <splash density="land-xxhdpi" src="res/screen/android/splash-land-xxhdpi.png" />
    <splash density="port-xxhdpi" src="res/screen/android/splash-port-xxhdpi.png" />
    <splash density="land-xxxhdpi" src="res/screen/android/splash-land-xxxhdpi.png" />
    <splash density="port-xxxhdpi" src="res/screen/android/splash-port-xxxhdpi.png" />
    <icon density="xhdpi" src="res/android/xhdpi.png" />
    <splash density="port-hdpi" src="res/screen/android/splash-port-hdpi.png" />
    <splash density="land-xhdpi" src="res/screen/android/splash-land-xhdpi.png" />
    <splash density="port-xhdpi" src="res/screen/android/splash-port-xhdpi.png" />
</platform>
<platform name="ios">
    <icon height="57" src="res/ios/icon.png" width="57" />
    <icon height="114" src="res/ios/icon@2x.png" width="114" />
    <splash src="res/screen/ios/Default@2x~iphone~comcom.png" />
    <icon height="60" src="res/ios/icon-20@3x.png" width="60" />
    <icon height="29" src="res/ios/icon-29.png" width="29" />
    <icon height="58" src="res/ios/icon-29@2x.png" width="58" />
    <icon height="87" src="res/ios/icon-29@3x.png" width="87" />
    <icon height="80" src="res/ios/icon-40@2x.png" width="80" />
    <icon height="120" src="res/ios/icon-60@2x.png" width="120" />
    <icon height="180" src="res/ios/icon-60@3x.png" width="180" />
    <icon height="20" src="res/ios/icon-20.png" width="20" />
    <icon height="40" src="res/ios/icon-20@2x.png" width="40" />
    <icon height="100" src="res/ios/icon-50@2x.png" width="100" />
    <icon height="72" src="res/ios/icon-72.png" width="72" />
    <icon height="144" src="res/ios/icon-72@2x.png" width="144" />
    <icon height="76" src="res/ios/icon-76.png" width="76" />
    <icon height="152" src="res/ios/icon-76@2x.png" width="152" />
    <icon height="167" src="res/ios/icon-83.5@2x.png" width="167" />
    <icon height="1024" src="res/ios/icon-1024.png" width="1024" />
    <icon height="48" src="res/ios/icon-24@2x.png" width="48" />
    <icon height="55" src="res/ios/icon-27.5@2x.png" width="55" />
    <icon height="88" src="res/ios/icon-44@2x.png" width="88" />
    <icon height="172" src="res/ios/icon-86@2x.png" width="172" />
    <icon height="196" src="res/ios/icon-98@2x.png" width="196" />
    <splash src="res/screen/ios/Default@2x~iphone~anyany.png" />
    <splash src="res/screen/ios/Default@3x~iphone~anyany.png" />
    <splash src="res/screen/ios/Default@3x~iphone~anycom.png" />
    <splash src="res/screen/ios/Default@3x~iphone~comany.png" />
    <splash src="res/screen/ios/Default@2x~ipad~anyany.png" />
    <splash src="res/screen/ios/Default@2x~ipad~comany.png" />
    <icon height="40" src="res/ios/icon-40.png" width="40" />
    <icon height="50" src="res/ios/icon-50.png" width="50" />
    <splash src="res/screen/ios/Default@2x~iphone~comany.png" />
</platform>
```