UI Controls Dictionary > Icons
Icons are everywhere, both in software and outside of it. The power of an image helps users identify things quickly and accurately.
The KDE visual design group calls icons "a shorthand for conveying meaning that users perceive almost instantaneously." They can be also useful for internationalization and when concepts are hard to describe in words.
It is rare that icon use is actively discouraged. The biggest danger when using icons is the use of ambiguous or unclear icons, which can either mislead the user or conflict with their adjacent label, resulting in a slower and/or more frustrating experience with your product. In short, bad icons are costly.
The GNOME developer guidelines state that choosing the correct icon for each purpose is "vital to making sure that your application is usable." They go on to encourage their use, though, calling them "an essential part of any application" and "a crucial part of its identity."
Icons are also a great way to provide redundancy, especially for important messages. In the following example, there are three ways that the error state is conveyed: the text itself, the color, and the icon. The icon reinforces the severity of the message.
When used correctly, icons can speed up a user's interaction with your product, enhance its usability, and reinforce your brand identity.
Note: The Google Material Design Guidelines differentiate between product icons and system icons. Product icons are primarily for branding and visual identity purposes. An example of a product icon is an application icon on the task bar or home screen. The guidelines below apply mostly to system icons, which are identifiers for actions or commands.
Icons often have "on" and "off" variants that are used to indicate states when used as buttons. A common example is switching between "liking" and "unliking" something. Badges can also be overlaid on top of icons to indicate a more complex state.5
Aside from a simpler version of icons, called badges5, most variations in icons come from their look and feel. Some are monochromatic and simple, others are bright and intricate. They can use a "filled" or "outline/hollow" style.6 The most important thing is that they are consistently styled and quick to grasp.