Chapter 5 User Interface Essentials

App Icons

Every application needs an icon, and for many people this will be how they obtain their first impression. Thankfully these days device screens allow for bigger icon sizes and therefore more detail to be included in them.

As with general image resources, each platform requires different sizes and many more combinations to be provided. For example, iOS expects the following:

That’s up to 14 different image sizes required just for your application icon on iOS alone. See https://developer.apple.com/design/human- interface-guidelines/ios/icons-and-images/app-icon/.

.NET MAUI manages the process of generating all the required images for you. All you need to do is provide an SVG image file. Since SVGs are vector-based, they can scale to each required size.

Adding Your Own Icon

Figure 5-1 shows the icon that you will be using for your application. You can grab a copy of the files that you will be using from https://github. com/bijington/introducing-dotnet-maui/tree/main/chapter05 and place them in the Resources/AppIcon folder. You should notice that they replace two existing files.

116