Can I use SVGs for my .NET MAUI app icons?

Yes, .NET MAUI recommends using SVGs. This skill provides the configuration needed for the build system to automatically convert them to platform-specific PNGs.

What is the difference between MauiIcon and MauiImage?

MauiIcon is specifically for the application's launcher icon, while MauiImage is for general in-app assets. This skill focuses on launcher icons and splash screens.

How do I change the splash screen background color?

You can set the 'Color' property on the 'MauiSplashScreen' item in your .csproj file. This skill provides the exact syntax and platform-specific behavior for this property.

How do I fix clipped icons on Android?

This skill guides you through using 'MauiIcon' with a 'ForegroundScale' (typically 0.65) to ensure your icon fits within the Android adaptive icon safe zone.

.NET MAUI Icons & Splash Screens

Name: .NET MAUI Icons & Splash Screens
Author: davidortinau

bydavidortinau

•

Mobile Development

Configures and optimizes cross-platform app icons and splash screens for .NET MAUI applications using SVG and platform-specific assets.

This skill streamlines the branding process for .NET MAUI developers by providing expert guidance on configuring app icons and splash screens across Android, iOS, Mac Catalyst, and Windows. It automates the complexities of the Microsoft.Maui.Resizetizer task, helping users manage SVG-to-PNG conversion, implement Android adaptive icons, and set up iOS launch storyboards. Whether you are troubleshooting rendering artifacts or setting up layered foreground/background icons, this skill ensures your application assets meet platform-specific requirements with minimal manual effort.

主要功能

0198 GitHub stars

02Centralized splash screen setup for mobile and desktop platforms

03Automated SVG to PNG conversion and resizing configuration

04Platform-specific troubleshooting for icon clipping and rendering

05Support for Android adaptive icons with layered foreground scaling

06Optimized configuration for MauiIcon and MauiSplashScreen properties

使用场景

01Troubleshooting build-time asset errors or incorrect icon rendering on specific platforms

02Setting up a single-source SVG icon that scales across all mobile and desktop resolutions

03Configuring branded splash screens with specific background colors and logical base sizes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add davidortinau/maui-skills maui-app-icons-splash

For use in Claude.ai and ChatGPT

Download Skill