Skip to main content

Service Icons​

Creating a distinctive and memorable icon not only communicates the purpose and personality of the service but also ensures immediate recognition within the SuperApp.


service-icons-main-image


Design and Appearance​

Simplicity​

Simplicity: Service icons should be designed to be simple, clear, and recognizable. It's important to avoid adding too many details, as they can be hard to distinguish, especially at smaller sizes, and may make the icon appear crowded. Keep the background simple to make the main image stand out.

Adaptability​

Adaptability: Create a design that adapts well to different shapes (such as round or square with varying corner radii) and sizes. For instance, on the home tab, service icons are displayed as squares, while on the chat tab, they appear in circular shape. Your service icon should maintain its aesthetic appeal across all tabs and sizes.


service-icons-images-1service-icons-images-2service-icons-images-3service-icons-images-4service-icons-images-5service-icons-images-6

Graphics Over Photos​

Graphics Over Photos: Choose graphical images over photos when designing your icon. Photos often have intricate details that may not translate well at smaller sizes. Instead, create a simplified graphic that represents the essential features you want your service to emphasize.

Square​

Square: Design your icon initially as a square image. Our system will automatically apply a mask to adjust the corners to match the aesthetic of different tabs. For example, in the chat tab, a circular mask will be applied, whereas in the home tab, the corner radius may vary.

Specifications​

Size​

Size: The recommended service icon size is 512x512 pixels.

Format​

Format: The recommended file format is PNG (Portable Network Graphics). PNG format supports transparency and is widely used for its lossless compression.

Resolution​

Resolution: Service icons must be high-resolution to ensure they appear sharp on different screen densities and resolutions. Icons should be tested for visibility and recognizability on different screen sizes and resolutions.