Make it possible to generate favicon without padding and without background

[MartinZikmund]

What would you like to be added:

Currently the background of the favicon is a solid color:

Why is this needed:

Make the icons nicer and more aligned with other websites

For which Platform:

• iOS
• Android
• WebAssembly
• WebAssembly renders for Xamarin.Forms
• Windows
• Build tasks

Anything else we need to know?

[nickrandolph]

@MartinZikmund is this on Windows?

[MartinZikmund]

Yes seen it in our sample app in Edge on Windows, but it seems that the solid background is just part of the favicon itself

[morning4coffe-dev]

The same should be for the WinUI project also, I think. When I was generating the icon, I needed to manually go to manifest and update it myself with the asset without padding and background.

[dansiegel]

@MartinZikmund the scaling is defined in the definition of the base.props.

https://github.com/unoplatform/uno.templates/blob/c88e0314f56cca5051abea7d7c93d713441ec5c3/src/Uno.Templates/content/unoapp/MyExtensionsApp.1.Shared/base.props#L21

I would assume if you updated this to something like the following you might achieve the result you're looking for:

<PropertyGroup>
  <UnoIconScale>0.65</UnoIconScale>
  <UnoIconScale Condition="$(MSBuildProjectName.EndsWith('.Wasm')) or $(TargetFramework.Contains('-windows10'))">1.0</UnoIconScale>
</PropertyGroup>
<ItemGroup>
  <UnoIcon Include="$(MSBuildThisFileDirectory)Icons\icon.svg"
        ForegroundFile="$(MSBuildThisFileDirectory)Icons\icon_foreground.svg"
        ForegroundScale="$(UnoIconScale)"
        Color="#00000000" />
</ItemGroup>

[MartinZikmund]

Will try this out

[MartinZikmund]

When I set the color as "#00000000" in UnoIcon, the icon.svg takes over and makes it solid color anyway. I had to make the icon.svg just <svg></svg> to make it work, but it feels weird...

Ideally, we should make the background transparent by default in the template as on most targets 95% users will want exactly that

[MartinZikmund]

Also, how does one configure icon and splash screen in single project?