Icons

Icons sind die kleinste visuelle Einheit unserer Marke – sie schaffen schnelle Orientierung und intuitive Bedienbarkeit in allen digitalen und gedruckten Materialien.

Über Icons

Icons sind die kleinste visuelle Einheit unserer Marke. Sie stellen Personen, Objekte, Handlungen und Zustände in vereinfachter, klarer Form dar und unterstützen die schnelle Orientierung sowie die intuitive Bedienbarkeit in digitalen Interfaces. Alle Icons werden in einer zentralen Icon-Bibliothek verwaltet und bei Bedarf erweitert.

Icon-Set

Basic Rounded Lineal von Magnific

169.000 Icons · Download als PNG ohne Lizenz, SVG auf Anfrage.

Icon-Set ansehen

Stilprinzipien

  • Icons werden linear im Outline-Stil verwendet.
  • Je nach Anwendung kommen Strichstärken in Light oder Regular zum Einsatz, um Lesbarkeit und visuelle Balance sicherzustellen.
  • Die Gestaltung folgt einem piktografischen Ansatz: Formen werden so reduziert, dass sie auch ohne erklärenden Text verständlich und universell einsetzbar sind.
  • Abgerundete oder leicht gerundete Quadrate dienen als Containerform – für einen ruhigen, konsistenten Look, der sich leicht in unterschiedliche Layouts integrieren lässt, insbesondere in modulare, kachelbasierte Strukturen.

Farben und Farbkombinationen

Hintergrundfarbe

Die Hintergrundfarbe des Icons ist kontextabhängig anpassbar. Sie orientiert sich an der jeweiligen Anwendungssituation (z. B. Informations-, Hinweis- oder Aktionskontext) sowie an den Vorgaben des übergeordneten Farbsystems.

Iconfarbe

Auf farbigem Hintergrund werden Icons grundsätzlich in Weiß eingesetzt, um maximale Lesbarkeit zu gewährleisten. Auf hellem Hintergrund erscheinen Icons in Anthrazit oder Grau, abgestimmt auf die Primär- und Sekundärfarben des Corporate Designs.

Verwendung

  • In Bullet-Lists zur inhaltlichen Gliederung und visuellen Unterstützung
  • In Highlight-Boxen zur Betonung wichtiger Informationen
  • Auf Buttons und Kacheln zur Orientierung und Interaktionsunterstützung
  • In Grafiken und Prozessdarstellungen zur Verdeutlichung von Abläufen und Zusammenhängen

Verwendungsbeispiele

Guidelines

Erlaubt
Ausreichenden Kontrast zum Hintergrund sicherstellen
Flächige, einfarbige Icons verwenden
Icons ohne Effekte, Transparenzen oder Schatten gestalten
Icons unverändert im Originalseitenverhältnis nutzen
Icons in flacher Frontalansicht darstellen
Einfarbige Icons verwenden
Lineare Outline-Icons verwenden
Nicht erlaubt
Kein ausreichender Kontrast zum Hintergrund
Keine Verläufe
Keine Effekte, Transparenzen oder Schatten
Kein Verdrehen oder Verformen der Objekte
Keine Perspektive, Übersicht oder Isometrie
Keine Duotone Icons
Keine Solid Icons