How to Remove Blue Box Around App Icon in .NET MAUI Blazor

user_4002463 0
Viewed 338

I am creating a .NET MAUI Blazor application and I am trying to change the logo, I am able to change the SVG file to change the logo to mine. However, it doesn't matter what I try I can't get rid of the blue box around it. enter image description here

I have tried:

  1. Resizing the logo to be larger.
  2. Search for that blue color in all the solution
  3. Set the Icon in the Visual Studio Project
  4. Try a PNG instead of an SVG

and none of them have worked. Does anyone know how to get rid of it?

maui blazor asp.net-core
1 Answers

Open YourProjectName.csproj and edit the icon section

    <!-- App Icon -->
    <MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
    <MauiIcon Include="Resources\Splash\splash.svg">
      <Color>#512BD4</Color>
      <ForegroundFile>Resources\AppIcon\appiconfg.svg</ForegroundFile>
    </MauiIcon>
user_66145890
Related