Customizing a Library Icon
Mobile Development includes an icon library, containing hundreds of icons, which you can customize and use in your application.

To customize a library icon
1. Do one of the following:
a. Open the Asset Editor by double-clicking an existing asset file, or right-click an existing asset file, select Open > Open With, and select Asset Editor.
2. In the Asset Editor, on the Customize a library icon page, modify the information as required:
For this field, button, or tab | You can do this |
Asset Name | Enter or modify a name for the asset. |
Source > Search for a category or icon name | Do a keyword search for an icon name. Or Press CTRL + SPACE to select a category from the list of categories. |
Source > Displayed icons | Select an icon. The selected icon is shown in the Preview at the right side of the editor. |
Source | Click  to copy the source of the selected library icon to the clipboard. Or Click  to proceed to the Create a Vector Graphic page of the Asset Editor and compose a vector graphic of the library icon as described in
Creating a Scalable Vector Graphic. |
Properties > Stroke Color | Click the field, enter a Hex color code, or select a color from the list of colors defined in the application model to specify a stroke color for the icon. Or Click  . In the color picker, select a color from the Delite (Software AG) or Material (Android) color palette. |
Properties > Fill Color | Click the field, enter a Hex color code, or select a color from the list of colors defined in the application model to specify a fill color for the icon. Or Click  . In the color picker, select a color from the Delite (Software AG) or Material (Android) color palette. |
Properties > Background Shape | Click RECT or CIRCLE to select a rectangle or a circle background decoration. |
Asset Size | Specify a size and padding for the asset for Android or iOS devices. Or Select one of the predefined asset sizes Small Icon, 24 dp, 48 dp, Tab Icon, or Navbutton Icon. |
3. Click CTRL + S to save the asset.
When saving the asset, Mobile Development automatically creates icons for every screen resolution. Those icons are located within the your_project/gen/.assets/graphics directory. Make sure to commit this directory when working with a source code management system.
Related Topics