.NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
3,228 questions
Regarding APP ICON
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(172.8, 12%, 26%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EKK%3C/text%3E%3C/svg%3E)
Keerthana Krishna
60
Reputation points
I have a icon which is square in shape, I want it to fit without showing background. In the below screenshot, My icon looks like webview app icon, I want it to show like maps app icon irrespective of icon outline. I have a square shaped outline in which I want t o fit the app icon. I tried increasing foreground scale to 0.7, the app icon is zoomed and some part is cropped.
Below is the code for icon. Please suggest some solution for this.
<MauiIcon Include="Resources\AppIcon\appiconfg.svg" ForegroundFile="Resources\AppIcon\icon.svg" ForegroundScale="0.60" />
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(310.4, 6%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ELL%3C/text%3E%3C/svg%3E)
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 72,251 Reputation points Microsoft Vendor2024-06-24T09:16:24.5966667+00:00 If you set the ForegroundScale="0.60", did icon show normally without cropped result?This google map icon was cropped as well, you can check this google-maps-old.svg
-
Keerthana Krishna 60 Reputation points
2024-06-24T10:49:25.8566667+00:00 Yes with "0.6" I can see the icon without cropping.
In the above image, my icon shows like collage maker with transparent background. But I want to show like disney hotstar which fills the entire icon shape without any background. Now I cannot use anything more than 0.6 because it crops the icon. Hope you are getting what I am trying to explain. Please let me know if you need anything.
-
Leon Lu (Shanghai Wicresoft Co,.Ltd.) 72,251 Reputation points Microsoft Vendor
2024-06-25T08:27:21.6566667+00:00 You can make your icon.svg's background to transplant like the appiconfg.svg, then add the Solid color background like the appicon.svg. You can make two svg files covered by
<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" />in the end.As note: You can get appiconfg.svg and appicon.svg in a new MAUI project.
Sign in to comment