Pages
Developer Documentation
On this page

Category and preferences icons

A row of category icons

A row of preferences icons

Purpose

Category and preferences icons guide the user through an application. They appear in an application's navigation and configuration, guiding the user with icons to what they want to get to. While category and preferences icons should be distinct, all icons should be unified with the same design style.

Design

Colorful category and preferences icons use the colorful icon style at 32 pixels. The theme also holds smaller versions of them.

When creating category and preferences icons, consider the following aspects of an icon:

Metaphor

You should consider the metaphors being conveyed by your icon's design choices.

A category icon with a symbol that fits its category

Do: Use symbols that evoke the metaphor of your icon's category.

Category icons with unrelated symbols

Don't: Don't use icons just for the sake of having different visuals per category. Use meaningful metaphors that inform the user about their category.

Recognizability

Category and preferences icons should be recognizable, yet connected.

A set of different icons with a shared style

Do: Keep icons unique, yet connected. This allows users to easily identify icons as unique members in a set.

A set of nearly identical icons

Don't: Don't make icons too similar to each other. This impairs the ability of users to distinguish them.

Caution: Be careful when making icons extremely unique from each other. They may not appear in contexts that inform users that they're related.

Icons so different that they no longer look related

Adapted for SonicDE from develop.kde.org/hig/icons/colorful/category_preferences/ by Carl Schwan, Edward Schreiber, Johannes Zarl-Zierl, John Veness, Marius P, Nate Graham, licensed under CC BY-SA 4.0.

Edit this page on GitHub

We use cookies to personalize content and to analyze our traffic. Please decide if you are willing to accept cookies from our website.