How to use regular (non-adaptive) icons with Ionic Capacitor App

Ionic Framework Ionic Angular
1

I’ve just migrated my app to Ionic 6 and capacitor but I am having trouble getting it to use the regular icon instead of the adaptive one. I don’t have foreground or background pngs but when I build the app it just defaults to the default capacitor icon instead of the regular icons in the res folder. I’ve tried deleting the default foreground pngs from the res folder but that only causes capacitor build errors (it seems to require these files).

Anyone know if there’s a capacitor option or some manual process I can follow to disable the adaptive icon? FYI I am using cordova-res to generate and copy over the icon files.

Ionic:

   Ionic CLI                     : 6.19.1 (C:\Users\nton9\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 6.1.8
   @angular-devkit/build-angular : 13.3.7
   @angular-devkit/schematics    : 13.3.7
   @angular/cli                  : 13.3.7
   @ionic/angular-toolkit        : 6.1.0

Capacitor:

   Capacitor CLI      : 3.5.1
   @capacitor/android : 3.5.1
   @capacitor/core    : 3.5.1
   @capacitor/ios     : not installed

Cordova:

   Cordova CLI       : 10.0.0
   Cordova Platforms : not available
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 13 other plugins)

Utility:

   cordova-res : 0.15.4
   native-run  : 1.6.0

System:

   NodeJS : v16.15.1 (C:\Program Files\nodejs\node.exe)
   npm    : 8.11.0
   OS     : Windows 10
2

Hey, from your set up, it seems that you are creating an Android app. In the case of the app icon, you can try generating a new image asset in Android Studio. Right-click on the drawable folder, then click new and image asset. In the window, select the foreground layer and image option. Choose your image, then resize it and click next. This will create an icon for every device. Sometimes during build time, you may have to reselect the image but hopefully this helps.