How can I choose an appiconfg.svg file based on the platform?

Question

A single icon file, as defined in MAUI project, doesn't work perfectly both for mobile and desktop. If the image is adjusted for mobile, it will be too small for desktop and vice versa.

Yes, I can abandon this icon definition approach and use native icon setting (say, using android resources and manifest file) but thought worth a try with this minimalist MAUI approach if at all possible.

Now, I defined two icon files: appiconfg.svg for mobile and appiconfg-win.svg (see below) for desktop (WinUI). Both SVG images are identical except for the image scale with respect to the canvas area.

How can I choose these icon files based on platform?

A SIDELINE WISHLIST:
As SVG is inherently scalable, I wish MAUI scales the icon image based on platform: something like:
scale={OnPlatform Default='0.5', WinUI = '1.0'}

<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#aaccff" />

<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg-win.svg" Color="Transparent" />

Answer 1

Hello,

Please open the .csproj file of your MAUI project, then declare a specific icon for Windows and for other platforms.

<ItemGroup>
    <!-- App icon for Windows -->
    <MauiIcon Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'"
              Include=... />

    <!-- App icon for all other platforms -->
    <MauiIcon Include=... />
</ItemGroup>

You can also change the condition for different platforms: 'ios' 'maccatalyst' 'android' 'windows'.

Note: Please clean the project and uninstall the app from the target platform to see your new icon.

For more details, you could refer to Change the app icon - .NET MAUI | Microsoft Learn

Best Regards,

Wenyan Zhang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment". Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.