App icon not showing in the correct size in Maui

Heinz Deubler 181

My .SVG app icon is not showing correctly in my Maui app.

The icon in my Maui app it looks like this: This Icon if from when I wrote the app in Xamarin on VS 2019.

This is how the image shows in my Maui appL

I made the following edits in the project file.

Both the appicon.svg and the appiconfg.svg are the same file with different file names. (I don't understand why there are 2 files).

The property on both icons is set to MauiIcon

I cleaned the project and deleted the obj and bin folders several times.

The icon has been created by converting a .pgp file to and SVG file.

I am running Windows 10, VS 2022 Version 17.5.0 Preview 1.0

Rob Caplan - MSFT 5,442 Reputation points Microsoft Employee

2022-12-05T01:42:35.957+00:00

Please include your MAUI version number, the platform that the problem occurs on and its version, and if this works as expected in any other MAUI versions or platforms.

Barring further context, my guess is that you're running into. https://github.com/dotnet/maui/issues/11159

The separate icon and foreground icon files are so you can create a composite from two files, typically a solid or patterned background and an iconic foreground with transparent areas to expose the background. If you have a single solid image you can use just it. See Change a .NET MAUI app icon.Composed Icon in the MAUI docs.
Heinz Deubler 181 Reputation points

2022-12-06T16:33:42.91+00:00

Hello Rob
Below is an image with the Maui version. When you say platform, are you talking about mobile phone verison.
iPhone XS, OSV: 16.1.2,
Galaxy S22, Android V 13
Pixel 4a

The result is the same on all the phones.
Heinz Deubler 181 Reputation points

2022-12-09T18:53:13.573+00:00

Can anybody help me please!!!!!! I still don't have a solution to this problem.
Rob Caplan - MSFT 5,442 Reputation points Microsoft Employee

2022-12-10T01:58:19.37+00:00

Please don't post images of text. They are inaccessible and difficult to follow. Please edit additional information into your question so it's available to anybody who would like to help you. Please don't hide essential information in the comments.

Is your MAUI project .Net 6 or .Net 7? There were fixes to icon creation in .Net 7
By target platform I mean iOS, Android, Windows, or Mac, and the versions of those that you're aiming for. Most of the icon sizing problems are platform dependent (e.g. incorrect behaviour only on Android), so if you're seeing the same thing on multiple platforms then it's likely something else.

See Change the App Icon / Set the base size in the MAUI docs.

Depending on your language settings, you could be running into MauiIcon ForegroundScale does not work on development machines that use a comma as a decimal seperator #11685, which was recently fixed and should be available in an update soon.

Just rebuilding may not be sufficient to reset the icon, depending on where you're looking at it. You may need to uninstall and reinstall the app.

1 answer

Jörg Thomas 20 Reputation points

2023-03-06T14:28:47.54+00:00

<MauiIcon Include="Resources\AppIcon\appicon.png" ForegroundScale="0.65" />
Please sign in to rate this answer.

4 people found this answer helpful.
Ashar Khalid 0 Reputation points

2023-03-08T07:35:41.1766667+00:00

Yes it works for me, but the icon is not showing clearly. Can you give me some hint about it ...???

Andrei Harlenka 0 Reputation points

2023-03-12T06:19:49.7333333+00:00

Ashar Khalid If you use a png image, try to replace it to svg.

Christian Roberto Zaragoza 116 Reputation points

2023-08-08T13:14:31.7333333+00:00

si bien dejar margen en la imagen funciona, la solucion que diste me fue util y es mas practica, muchas gracias
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

App icon not showing in the correct size in Maui

1 answer

Your answer