Application icon as an element of brand identity
When and how to change the icon without losing recognizability
At WWDC 2017, Apple formulated a principle that every product designer should learn by heart — lineage, continuity. The idea is simple: the icon should not change with every version release. Changes are needed, but they should be rare and well-planned, preserving the recognizable core — the form, color dominance, and the silhouette of the metaphor.
The problem is that teams often confuse rebranding with redesign. A complete icon change is justified when the product positioning changes or a major redesign of the entire brand's visual system occurs. If the goal is to 'refresh' the app's appearance, it's better to evolve the icon gradually: change the shade, remove unnecessary details, but do not touch the silhouette. Users search for the app on the screen visually, not by reading the name — a sudden icon change for a day or two literally 'hides' the product from its own audience, and this is reflected in a drop in DAU immediately after the update.
- The icon changes completely — when the product name is changed, brands are merged, or there is a complete repositioning.
- The icon evolves — when the company's visual language is updated, the main color of the palette is changed, or new products are added to the lineup.
- The icon is not touched — during regular feature releases, if there is no direct link between the feature and the brand's visual code.
The icon in the application portfolio: a system, not a set of images
When a brand has one application, the question is solved intuitively. The problem begins where there are five or more products—such as a bank with separate applications for individuals, business, investments, and support. Here, the icon ceases to be a standalone task and becomes an element of the identity system, similar to a logo guideline.
The working approach is to fix the general visual code (the shape of the tile, the radius of rounding, a unified color temperature, and the overall style of the icon) and vary only the accent color or a metaphorical detail for each product. This way, the user on the main phone screen understands at a glance: these are applications of one brand, even if the names are different. The absence of such a system is a frequent reason why the ecosystem products of banks and telecom operators look like a random collection of third-party services rather than a unified brand.
The color of the icon: not aesthetics, but a category anchor
Pantone research showed that color can increase brand recognition by 80%—and on icons, this works even stronger than in the rest of the identity, because the element is tiny and the brain latches onto the color spot. Meanwhile, in different application categories, stable color associations have formed that users read automatically.
| Application category | Typical color | Logic of association |
|---|---|---|
| Messengers, communication | Green | “Live communication,” a signal of availability |
| Taxi, transportation | Yellow | Historical association with taxis, visibility |
| Social networks | Blue | Trust, calm, neutrality |
| Games | Black (dominant) | Contrast, drama, premium |
| Food, delivery, beverages | Red | Appetite, urgency, emotional trigger |
A separate fact that is rarely noticed: in the most popular applications, the white color takes up an average of approximately 43% of the icon area. It works like 'air', allowing the accent color to not blend into the general mass on the home screen, where dozens of other icons hang side by side.
The application icon and the brand logo are not the same thing
A logo is a sign for a broad visual field: a website, packaging, outdoor advertising, where there is space and context. An app icon is a sign that must be readable on an area of 2–3 square millimeters next to dozens of competitors, without text or explanations. Directly transferring a logo into an icon almost always works poorly: complex logos with multiple elements or text turn into a mess of pixels on a small screen.
The rule is simple: a logo is used as the basis for an icon only if it was originally built as a compact monogram sign (a letter, a simple geometric symbol). In all other cases, a separate, maximally simplified pictographic sign is created for the icon, which retains the brand's color code but does not attempt to literally reproduce the full logo.
Can an icon be registered as a trademark
Yes, and this is the aspect that most materials about icon design never even raise. WIPO — the international trademark office — considers app icons as a separate category of new trademarks, requiring their own legal protection, distinct from the company's logo.
Registration is possible if several conditions are met:
- The icon must be distinctive — not reducible to a literal depiction of the app's function (an icon of a calculator with numbers will not pass).
- It must be compositionally original — a unique combination of form and color, not a typical template of the category.
- The icon's color must be part of the trademark registration application if it is the distinctive feature — otherwise, the protection will only extend to the shape.
Practical conclusion: if an icon is built according to the principle of 'a square with rounded corners and a standard pictographic symbol of the function', it is impossible to protect it legally — a competitor with a similar product category will copy the composition without consequences. This is an argument in favor of investing in a truly original mark, rather than in another variation of 'envelope' or 'house'.
What physically makes an icon work
The ixDEA study describes an effective icon as a balance of three variables: complexity, specificity, and familiarity. At the first contact of a user with an icon in the store, complexity is critical — the eye must instantly recognize the shape without examining the details. During regular use on the screen, familiarity and emotional connection come to the foreground — that same effect when an icon becomes 'yours' simply from repeated interaction.
A curious detail was confirmed by the Frontiers in Psychology study (2020): characters on icons with incomplete, partially hidden faces evoke a more favorable brand perception due to the anthropomorphism effect — the brain 'fills in' the missing features and forms a warmer emotional connection than with a fully drawn face. This technique is worth keeping in your arsenal if your brand strategy is built on friendliness and humanity, rather than technology and minimalism.
When and how to change the icon without losing recognizability
At WWDC 2017, Apple formulated a principle that every product designer should learn by heart — lineage, continuity. The idea is simple: the icon should not change with every version release. Changes are needed, but they should be rare and well-planned, preserving the recognizable core — the form, color dominance, and the silhouette of the metaphor.
The problem is that teams often confuse rebranding with redesign. A complete icon change is justified when the product positioning changes or a major redesign of the entire brand's visual system occurs. If the goal is to 'refresh' the app's appearance, it's better to evolve the icon gradually: change the shade, remove unnecessary details, but do not touch the silhouette. Users search for the app on the screen visually, not by reading the name — a sudden icon change for a day or two literally 'hides' the product from its own audience, and this is reflected in a drop in DAU immediately after the update.
- The icon changes completely — when the product name is changed, brands are merged, or there is a complete repositioning.
- The icon evolves — when the company's visual language is updated, the main color of the palette is changed, or new products are added to the lineup.
- The icon is not touched — during regular feature releases, if there is no direct link between the feature and the brand's visual code.
The icon in the application portfolio: a system, not a set of images
When a brand has one application, the question is solved intuitively. The problem begins where there are five or more products—such as a bank with separate applications for individuals, business, investments, and support. Here, the icon ceases to be a standalone task and becomes an element of the identity system, similar to a logo guideline.
The working approach is to fix the general visual code (the shape of the tile, the radius of rounding, a unified color temperature, and the overall style of the icon) and vary only the accent color or a metaphorical detail for each product. This way, the user on the main phone screen understands at a glance: these are applications of one brand, even if the names are different. The absence of such a system is a frequent reason why the ecosystem products of banks and telecom operators look like a random collection of third-party services rather than a unified brand.
The color of the icon: not aesthetics, but a category anchor
Pantone research showed that color can increase brand recognition by 80%—and on icons, this works even stronger than in the rest of the identity, because the element is tiny and the brain latches onto the color spot. Meanwhile, in different application categories, stable color associations have formed that users read automatically.
| Application category | Typical color | Logic of association |
|---|---|---|
| Messengers, communication | Green | “Live communication,” a signal of availability |
| Taxi, transportation | Yellow | Historical association with taxis, visibility |
| Social networks | Blue | Trust, calm, neutrality |
| Games | Black (dominant) | Contrast, drama, premium |
| Food, delivery, beverages | Red | Appetite, urgency, emotional trigger |
A separate fact that is rarely noticed: in the most popular applications, the white color takes up an average of approximately 43% of the icon area. It works like 'air', allowing the accent color to not blend into the general mass on the home screen, where dozens of other icons hang side by side.
The application icon and the brand logo are not the same thing
A logo is a sign for a broad visual field: a website, packaging, outdoor advertising, where there is space and context. An app icon is a sign that must be readable on an area of 2–3 square millimeters next to dozens of competitors, without text or explanations. Directly transferring a logo into an icon almost always works poorly: complex logos with multiple elements or text turn into a mess of pixels on a small screen.
The rule is simple: a logo is used as the basis for an icon only if it was originally built as a compact monogram sign (a letter, a simple geometric symbol). In all other cases, a separate, maximally simplified pictographic sign is created for the icon, which retains the brand's color code but does not attempt to literally reproduce the full logo.
Can an icon be registered as a trademark
Yes, and this is the aspect that most materials about icon design never even raise. WIPO — the international trademark office — considers app icons as a separate category of new trademarks, requiring their own legal protection, distinct from the company's logo.
Registration is possible if several conditions are met:
- The icon must be distinctive — not reducible to a literal depiction of the app's function (an icon of a calculator with numbers will not pass).
- It must be compositionally original — a unique combination of form and color, not a typical template of the category.
- The icon's color must be part of the trademark registration application if it is the distinctive feature — otherwise, the protection will only extend to the shape.
Practical conclusion: if an icon is built according to the principle of 'a square with rounded corners and a standard pictographic symbol of the function', it is impossible to protect it legally — a competitor with a similar product category will copy the composition without consequences. This is an argument in favor of investing in a truly original mark, rather than in another variation of 'envelope' or 'house'.
What physically makes an icon work
The ixDEA study describes an effective icon as a balance of three variables: complexity, specificity, and familiarity. At the first contact of a user with an icon in the store, complexity is critical — the eye must instantly recognize the shape without examining the details. During regular use on the screen, familiarity and emotional connection come to the foreground — that same effect when an icon becomes 'yours' simply from repeated interaction.
A curious detail was confirmed by the Frontiers in Psychology study (2020): characters on icons with incomplete, partially hidden faces evoke a more favorable brand perception due to the anthropomorphism effect — the brain 'fills in' the missing features and forms a warmer emotional connection than with a fully drawn face. This technique is worth keeping in your arsenal if your brand strategy is built on friendliness and humanity, rather than technology and minimalism.
Recent articles
MegaFon, BMW, VTB and more 240+ companies. See how it looks in the showcase reel:
Our branding agency is approached to order:
Branding agency services
