The value of RR represents the red channel, GG the green channel, BB the blue channel, and AA the alpha channel. The following example tints the foreground image yellow: Ĭolor values can be specified in hexadecimal, using the format: #RRGGBB or #AARRGGBB. To tint the foreground image, specify a color with the TintColor attribute. If the app icon is composed of a background ( Include) image and a foreground ( ForegroundFile) image, the foreground image can be tinted. NET MAUI color, such as Red or PaleVioletRed. Instead of a hexadecimal value, you may use a named. The following example sets the background color of the app icon to red: Ĭolor values can be specified in hexadecimal, using the format: #RRGGBB or #AARRGGBB. If the background image used in composing the app icon uses transparency, it can be recolored by specifying the Color attribute on the. The following example sets the base size: Īnd the following example stops the automatic resizing of a vector-based image:

The value specified as the base size must be divisible by 8. The base size is specified with the BaseSize='W,H' attribute, where W is the width of the icon and H is the height of the icon. Bitmap-based images, such a PNG or JPG image, look blurry when upscaled.

SVG images can upscale to larger sizes and still look crisp and clean. NET MAUI automatically scales the image from the base size to different sizes. C: As different target platforms require different sizes of the image.NET MAUI automatically scales the image to match the base size of 424x520. NET MAUI icon and has dimensions of 210x260, and the base size is set to 424x520. The process shown in the previous figure follows these steps: The following figure illustrates how base size affects an image: To stop a vector image from being resized, set the Resize attribute to false. If you don't specify the base size for a vector-based app icon, such as an SVG file, the dimensions specified in the image are used as the base size. If you don't specify the base size for a bitmap-based app icon, such as a PNG file, the image isn't resized. The base size of your icon represents baseline density of the image, and is effectively the 1.0 scale factor that all other sizes are derived. The app icon is also used for different purposes, such as a store entry for your app or the icon used to represent the app after it's installed on a device. NET MAUI uses your icon across multiple platforms and devices, and attempts to resize the icon according for each platform and device. The foreground image ( ForegroundFile attribute) is optional.

The background image ( Include attribute) must be specified for the item. NET MAUI app icon can use any of the standard platform image formats, including Scalable Vector Graphics (SVG) files. By default, bitmap (non-vector) image formats aren't automatically resized by. This avoids having to manually duplicate and name the app icon on a per platform basis. At build time, this icon can be automatically resized to the correct resolution for the target platform and device, and added to your app package. NET Multi-platform App UI (.NET MAUI) app project, an app icon can be specified in a single location in your app project. On Windows, the app icon appears in the app list in the start menu, the taskbar, the app's tile, and in the Microsoft Store. On Android, the app icon appears as a launcher icon and throughout the system, such as on the action bar, notifications, and in the Google Play Store. For example, on iOS the app icon appears on the Home screen and throughout the system, such as in Settings, notifications, and search results, and in the App Store. Every app has a logo icon that represents it, and that icon typically appears in multiple places.

App icon generator android round