How to generate round icons for google pixel 2 (round icon)

Ionic Framework ionic-v3
1

Hi guys :slight_smile:

I’m almost ready to deploy my first ionic app to the store.

There is only one small issue left:

After generating the icons with ionic cordova resources and loading the app onto my colleague’s Google Pixel 2, I get the following result:

Screenshot_20180210-131254
Screenshot_20180210-131254.jpg1080×1920 464 KB

I’m talking about the app to the right of “Notizen” and to the left of the default ionic icon. It’s orange in the center.

As you can see the phone put a square inside a circle, which looks kinda bad.

How can I fix this?
On iOS and other Android devices (such as Galaxy S7) which use rounded square icons, it looks fine.

Any help would be much appreciated!

2

Push: Does anyone know how to fix this?

3

I don’t have a perfect fix, however: you can specific the base icon differently for iOS and Android. Read for example: https://blog.ionicframework.com/automating-icons-and-splash-screens/ (basically, instead of putting icon.png in /resources, put two different ones in /resources/ios and /resources/android, and fool with the Android one until you get what you want. Might involve making the icon expand to overfill the image you provide…

1 Like
4

I’m also looking for an answer for this.
Looking at the developer speck

https://developer.android.com/about/versions/nougat/android-7.1.html

Somehow you specify android:icon and android:roundIcon
Do we know if Ionic/Cordova has a setting for round icons vs not round. As we see in screenshots like that not all of the icons are round some people are still using a square one.

1 Like
5

I also am wondering if Ionic can do this?

Also does Ionic generate splash screens for iphone x?

6

Hi guys @thehawaiiproject @helpmelearn @Hesters ,

Following these instructions gave me the desired results:

Cheers,
Gustavo.

2 Likes
7

Yes I was following that too, but I still get errors Android Adaptive icons

Not sure if what version of cordova android I need?

8

does this help?

$ ionic --version
4.6.0
$ cordova --version
8.1.2 (cordova-lib@8.1.1)
9

Hey there! So this isn’t fully supported in Cordova (yet), but there is movement to add it to cordova-android proper.

1 Like
10

Its a start, what version of cordova android are you using?
cordova platform list should show it.

11

alright, thanks for the tip. Version is:

$ cordova platform
Installed platforms:
  android 7.1.4
Available platforms: 
  browser ~5.0.1
  ios ~4.5.4
  osx ~4.0.1
  windows ~6.0.0
12

Is there an update to this yet? Wanted to update our icons for the pixel?

13

hi,
I followed the links on this post above and got most of the icons (if not all) correct.