---
url: https://gudhub.com/docs/understanding-gudhub/application/icon/
title: "Icon\n                #"
description: "The first thing we see in the application is an icon. This sweet tiny picture is a cover that draws attention. Therefore it is no less important part of the app"
lang: uk
updated: 2026-09-11T14:01:51.383Z
---

# Icon [#](https://gudhub.com/docs/understanding-gudhub/application/icon/#icon)

The first thing we see in the application is an icon. This sweet tiny picture is a cover that draws attention. Therefore it is no less important part of the application and so it has its own properties. All of them are contained in the object called ‘icon’.

In this chapter, we will look at what information an application needs to know how its icon looks like.

| Name | Type | Description |
| :-- | :-- | :-- |
| gradient\_down | `string` | _lower gradient color;_ [_details..._](#gradient-down) |
| gradient\_up | `string` | _upper gradient color;_ [_details..._](#gradient-up) |
| icon\_color | `string` | _color of the icon;_ [_details..._](#icon-color) |
| icon\_id | `string` | _shows what subject is depicted;_ [_details..._](#icon-id) |
| id | `number` | _shows the icon identification number;_ [_details..._](#id) |

## gradient\_down [#](https://gudhub.com/docs/understanding-gudhub/application/icon/#gradient-down)

Since the icon background has a gradient, we got two colors. This property shows a lower color. It saves HEX color code as string-type data.

## gradient\_up [#](https://gudhub.com/docs/understanding-gudhub/application/icon/#gradient-up)

This property shows the upper color of the background gradient. As well as gradient\_down, gradient\_up saves HEX color code. It is a string type. If upper and lower colors are the same, background will be plain.

## icon\_color [#](https://gudhub.com/docs/understanding-gudhub/application/icon/#icon-color)

This property shows the icon color. It saves HEX color code as a string.

## icon\_id [#](https://gudhub.com/docs/understanding-gudhub/application/icon/#icon-id)

This property shows what is the kind of icon. When you choose the picture for the application icon, its ID will be saved in icon\_id. This ID is a string that describes this picture. That means, if you choose picture of a pencil, icon’s ID will be “pencil”.

## id [#](https://gudhub.com/docs/understanding-gudhub/application/icon/#id)

This property saves unique identification number of the icon. It helps server to understand what icon is in this application.