Icons

Funktionale Icons

Funktionale Icons

Unsere funktionalen Icons können dabei helfen, Interaktionen mit dem Interface anzudeuten und Inhalte besser zu strukturieren. Außerdem können sie Eigenschaften oder einen Status zeigen. Funktionale Icons werden hauptsächlich im digitalen Bereich eingesetzt. Sie müssen im Gegensatz zu unseren illustrativen Icons barrierefrei eingesetzt werden.

In der Icon-Bibliothek steht für alle Anwendungen eine Vielzahl an freigegebenen Icons zur Verfügung.

Zwanzig beispielhafte funktionale Icons, darunter Pfeile, ein Herz, ein Stern, eine Glocke, Lupen und so weiter.

Die meisten unserer funktionalen Icons gibt es als normale Kontur oder mit gefüllter Fläche für den Hover-Zustand in digitalen Anwendungen.

Ein weißes Kamera-Icon in Kontur vor schwarzem Hintergrund sowie eine flächig ausgefüllte Version davon.

Einsatz

Unsere funktionalen Icons sollen dabei helfen, Funktionen schnell zu erfassen und User zu spezifischen Inhalten zu leiten. Jedes Icon ist dabei einem Begriff zugeordnet und wird nur in dessen Kontext verwendet.

Hinweis

Unsere funktionalen Icons stehen bevorzugt links oder rechts neben dem zugehörigen Text. Dabei werden sie zentriert am Text ausgerichtet.

Dropdown-Menü mit exemplarischen Icons plus Beschriftung, etwa ein Briefumschlag für den Newsletter.
Do
""

Werden mehrere Icons nebeneinander platziert, beträgt ihr Mindestabstand zueinander 1/2 ihrer eingesetzten Größe.

Don't
""

Funktionale Icons werden nicht als dekoratives Gestaltungselement eingesetzt.