Application icon customization Public and administrative networks can cause connection problems

When you’re trying to use apps at work, you may not always have a good connection. In this case, we recommend that you contact your IT department or your Connect administrator.

If you connect to a public cellular Wi-Fi network (such as in a hotel or coffee shop), connection may be prohibited by network laws. Public networks can also reduce your experience or affect the quality of your main screen, especially if you buy multiple mobile apps at the same time.

This section shows you how to customize the application icon for various forms. Splashscreen documentation is easy to find in the documentation for the Cordova Splashscreen Certification Splashscreen plugin.

Customizing Icons Using CLI

When working in the command line interface, clients can define application icons using their element(config.xml).
If you don’t select an icon, the Apache Cordova logo will be used.

Attributes Description

source Required
The location associated with the image file, relative to your final project directory. Platform Advanced
Target Platform Width Optional
Icon size in pixels Height Optional
Icon height in pixels Target Optional
Destination filename for this image file and all associated MRT files

You can use the following configuration. set one default character
used for all bit platforms.

For each platform, you can also define a set of pixel icons,
different screen resolutions.


On Android, instead of using a single image for an icon, you can use two digital photos (background and foreground) to create a responsiveicon. To use Adaptive You Insignias, you need at least Cordova 9.0.0 and Cordova-Android 8.0.0 series.

Attributes Description

Context Required for responsive
The location of the image (in PNG or possibly vector format) relative to your project directory or reference to a color is important Foreground Required for adaptive
positioning of
on-screen image (png or vector) relative to new project directory or color reference Density Requires
Specified character density

Adaptive Symbols

In order to use adaptive symbols, some of the background and foreground attributes must be marked instead of the distinctive src. The src attribute is not normally used for adaptive characters.

Responsive icon with images:

Note. In this example, the photo in the foreground is also used as a fallback icon for Android devices that experts say are not compatible.Hold custom icons. The fallback character can be overridden by setting the src attribute.

Adaptive symbol with vectors:

Note: in this example, some src attribute must be set, followed by the foreground attribute being set, reason enough for a vector or color.

Adaptive flower icon:

Create a res/values/colors.xml resource file for your catalog project to store the main application’s color definitions.

In config.xml, our staff add a resource file to copy colors.xml to the appropriate location. Colors available during construction.

Also Default



  • the world famous Android guide
  • Android – Multi-Display Support
  • browsers


    See See Also

  • App icons on iPad and iPhone.
  • Windows

    On Windows, each of the recommended approaches to defining application views is to use the target attribute.

    where src is the path to the character to add.

    Windows processes MRT platform symbols immediately, so if you specify src="res/windows/storelogo.The png", files attached to images Folders: res/windows/storelogo.scale-100.png, res/windows/storelogo.scale-200.png etc.


    The target attribute specifies the name of the footer for the retrieved icons. For each last icon file, its travel filename is written as target + '.' + MRT_qualifiers + extension(src). For this icon to display correctly in this application, each target value must appear as one of the accepted icon filenames in the application’s .appxmanifest file.

    Summarizing the above... with the target attribute, the following is possible:

  • define each set of icons for different program scaling factors with a single element, like so:


    which matches the application lines:

  • Defining symbols with scale factors other than scale-100 and scale-240 (and all other MRT qualifiers)
  • While not recommended, it is also possible to define templates with width height:


    See See Also:

  • Windows 10 platform concepts for icons.