Source: https://cd.union-investment.de/grundlagen/Basiselemente/iconbibliothek
Hier finden Sie eine Auflistung unserer Content- und System-Icons. Orientieren Sie sich bei deren Einsatz an dem Iconstil .
Bitte beachten
Bitte wenden Sie sich für die Erstellung neuer Icons an unser Corporate-Design-Team .
Wichtige Hinweise zur Barriefreiheit finden Sie im Kapitel Iconstil .
Für die Schlagwortsuche nach Icons in der Bibliothek benutzen Sie bitte Strg + F (PC) oder Cmd + F (Mac) .
Content-Icons bebildern markenrelevante Inhalte wie Produkte , Leistungen und Sachverhalte. Diese sind oftmals komplex – daher können die verwendeten Content-Icons einen hohen Detailgrad besitzen. Durch ihre eigenständige Formensprache und die Zweifarbigkeit besitzen sie eine markenprägende Wirkung.
Abzeichen
Auszeichnung, Badge, Diplom, Zertifizierung
Downloads
Als SVG herunterladen
Abzeichen (UI-Blau / UI-Grün) Abzeichen (Weiß / UI-Grün)
Als EPS herunterladen
Adler
Amt, Anleihen, Behörde, Staat
Adler (UI-Blau / UI-Grün) Adler (Weiß / UI-Grün)
Alarm
Eile, Notfall, Deadline, Uhr, dringend
Alarm (UI-Blau / UI-Grün) Alarm (Weiß / UI-Grün)
Ampel
Stopp, Rot, Verkehrszeichen, Grün
Ampel (UI-Blau / UI-Grün) Ampel (Weiß / UI-Grün)
Anführungszeichen
Kommunikation, Zitat, Zitatzeichen
Anführungszeichen (UI-Blau / UI-Grün) Anführungszeichen (Weiß / UI-Grün)
Aquarium
Fisch, schwimmen
Aquarium (UI-Blau / UI-Grün) Aquarium (Weiß / UI-Grün)
Aufzug
Lift, Hotel, Transport
Aufzug (UI-Blau / UI-Grün) Aufzug (Weiß / UI-Grün)
Auge
Sicht, Vision, Überblick
Auge (UI-Blau / UI-Grün) Auge (Weiß / UI-Grün)
Aussage
Kontakt, Meeting, treffen, Mitarbeiterbeteiligung
Aussage (UI-Blau / UI-Grün) Aussage (Weiß / UI-Grün)
Auszeichnung Dritter
Zertifikat, Badge, Konkurrenz
Auszeichnung Dritter (UI-Blau / UI-Grün) Auszeichnung Dritter (Weiß / UI-Grün)
Auszeichnung Erster
Auszeichnung Erster (UI-Blau / UI-Grün) Auszeichnung Erster (Weiß / UI-Grün)
Auszeichnung Zweiter
Konkurrenz, Badge, Zertifikat
Auszeichnung Zweiter (UI-Blau / UI-Grün) Auszeichnung Zweiter (Weiß / UI-Grün)
Auto
Fahrzeug, Dienstfahrzeug, Dienstwagen, beruflich
Auto (UI-Blau / UI-Grün) Auto (Weiß / UI-Grün)
Baby
Betreuung, Zukunft, Kinder
Baby (UI-Blau / UI-Grün) Baby (Weiß / UI-Grün)
Bank
Zentralbank, Institution, Behörde
Bank (UI-Blau / UI-Grün) Bank (Weiß / UI-Grün)
Bankkarte
Ertragsverwendung, Kapital, Karte
Bankkarte (UI-Blau / UI-Grün) Bankkarte (Weiß / UI-Grün)
Baum
Nachhaltigkeit, Umwelt, ökologisch
Baum (UI-Blau / UI-Grün) Baum (Weiß / UI-Grün)
Baum Früchte
Baum, Ernte, Natur
Baum Früchte (UI-Blau / UI-Grün) Baum Früchte (Weiß / UI-Grün)
Beeren
Früchte, Ernte, Gewinn
Beeren (UI-Blau / UI-Grün) Beeren (Weiß / UI-Grün)
Bekleidung
Dresscode, T-Shirt
Bekleidung (UI-Blau / UI-Grün) Bekleidung (Weiß / UI-Grün)
Berg/Ziel
Berg, Gipfel, Plan, Mission
Berg/Ziel (UI-Blau / UI-Grün) Berg/Ziel (Weiß / UI-Grün)
Besteck Euro
Gastronomie, Essen, Euro, bezuschusstes Mittagessen
Besteck Euro (UI-Blau / UI-Grün) Besteck Euro (Weiß / UI-Grün)
Biber
Gemeinschaftssinn, kreative Gestaltungskraft, Fleiß
Biber (UI-Blau / UI-Grün) Biber (Weiß / UI-Grün)
Big Ben
England, Großbritannien, London
Big Ben (UI-Blau / UI-Grün) Big Ben (Weiß / UI-Grün)
Bild
Dokument Image, Abbildung, Porträt
Bild (UI-Blau / UI-Grün) Bild (Weiß / UI-Grün)
Bildschirm
Laptop, Technik, Screen
Bildschirm (UI-Blau / UI-Grün) Bildschirm (Weiß / UI-Grün)
Bildschirm Grafik
Data Business Warehouse, Bildschirm, Grafik
Bildschirm Grafik (UI-Blau / UI-Grün) Bildschirm Grafik (Weiß / UI-Grün)
Bildschirm Person
Laptop, Screen, Person
Bildschirm Person (UI-Blau / UI-Grün) Bildschirm Person (Weiß / UI-Grün)
Billardkugel
Billard, Freizeit, Spiel, Entspannung
Billardkugel (UI-Blau / UI-Grün) Billardkugel (Weiß / UI-Grün)
Bitcoin
Geld, Wert, Währung, Kryptowährung
Bitcoin (UI-Blau / UI-Grün) Bitcoin (Weiß / UI-Grün)
Blitz
blitzen, Achtung, Vorsicht, Warnung
Blitz (UI-Blau / UI-Grün) Blitz (Weiß / UI-Grün)
Blog
Weblog, Internettagebuch
Blog (UI-Blau / UI-Grün) Blog (Weiß / UI-Grün)
Bonbon
Freizeit, Süßigkeit, Snack, Essen
Bonbon (UI-Blau / UI-Grün) Bonbon (Weiß / UI-Grün)
Brief
Umschlag, schreiben, Kommunikation, Nachricht
Brief (UI-Blau / UI-Grün) Brief (Weiß / UI-Grün)
Brief senden
Kommunikation, Brief, E-Mail
Brief senden (UI-Blau / UI-Grün) Brief senden (Weiß / UI-Grün)
Brunnen
Fontäne, Wasser
Brunnen (UI-Blau / UI-Grün) Brunnen (Weiß / UI-Grün)
Buch
Bildung, Wissen, Freizeit
Buch (UI-Blau / UI-Grün) Buch (Weiß / UI-Grün)
Buch Lesezeichen
Markierung, Lesezeichen, später lesen
Buch Lesezeichen (UI-Blau / UI-Grün) Buch Lesezeichen (Weiß / UI-Grün)
Buch offen
lesen, Buch, offen
Buch offen (UI-Blau / UI-Grün) Buch offen (Weiß / UI-Grün)
Bulle/Bär
Baisse, Kurse, Hausse, Aktien
Bulle/Bär (UI-Blau / UI-Grün) Bulle/Bär (Weiß / UI-Grün)
Büro
Büroimmobilie, Institution, Gebäude, Immobilie
Büro (UI-Blau / UI-Grün) Büro (Weiß / UI-Grün)
Büro Diagramm Euro Steuerrad
Drittmandate
Büro Diagramm Euro Steuerrad (UI-Blau / UI-Grün)
Büro Euro
Währung, Wert, Immobilienvermögen Büro, Arbeit
Büro Euro (UI-Blau / UI-Grün) Büro Euro (Weiß / UI-Grün)
Büroklammer
Büro, Klammer, hinzufügen, anhängen
Büroklammer (UI-Blau / UI-Grün) Büroklammer (Weiß / UI-Grün)
Bürostuhl
Möbel, Ausstattung, Schreibtischstuhl, Büro
Bürostuhl (UI-Blau / UI-Grün) Bürostuhl (Weiß / UI-Grün)
Bus
Fahrzeug, Verkehrsmittel, öffentlich
Bus (UI-Blau / UI-Grün) Bus (Weiß / UI-Grün)
Bus Haltestelle
Logistik, Verkehr, gute Anbindung Verkehrsmittel, Verbindung
Bus Haltestelle (UI-Blau / UI-Grün) Bus Haltestelle (Weiß / UI-Grün)
Checkbox
fertig, erledigt, Haken, abhaken
Checkbox (UI-Blau / UI-Grün) Checkbox (Weiß / UI-Grün)
Chemie
experimentieren, Wissenschaft, Chemikalien
Chemie (UI-Blau / UI-Grün) Chemie (Weiß / UI-Grün)
Chip
Elektronik, digitale Transformation
Chip (UI-Blau / UI-Grün) Chip (Weiß / UI-Grün)
CO2 Wolke
Klimaschutz, Emission, Ausstoß, Luft
CO2 Wolke (UI-Blau / UI-Grün) CO2 Wolke (Weiß / UI-Grün)
Computer
Bildschirm, Digitalisierung, Hardware, Technik, Software
Computer (UI-Blau / UI-Grün) Computer (Weiß / UI-Grün)
Datenbank
speichern, Sammlung, Daten
Datenbank (UI-Blau / UI-Grün) Datenbank (Weiß / UI-Grün)
Datenversorgung Online
online, Versorgung, Dateien
Datenversorgung Online (UI-Blau / UI-Grün) Datenversorgung Online (Weiß / UI-Grün)
Daumen hoch
akzeptieren, geprüft, positiv
Daumen hoch (UI-Blau / UI-Grün) Daumen hoch (Weiß / UI-Grün)
Daumen neutral
verbesserungswürdig, verbesserungsfähig, mittelmäßig
Daumen neutral (UI-Blau / UI-Grün) Daumen neutral (Weiß / UI-Grün)
Daumen runter
unzufrieden, mangelhaft, nicht ausreichend
Daumen runter (UI-Blau / UI-Grün) Daumen runter (Weiß / UI-Grün)
Diamant
hart, Edelstein, wertvoll
Diamant (UI-Blau / UI-Grün) Diamant (Weiß / UI-Grün)
Doktorhut
Hochschule, Studie, Bildung, Universität
Doktorhut (UI-Blau / UI-Grün) Doktorhut (Weiß / UI-Grün)
Doktorhut At-Zeichen
Diplom, Web Based Training, online lernen, E-Learing
Doktorhut At-Zeichen (UI-Blau / UI-Grün) Doktorhut At-Zeichen (Weiß / UI-Grün)
Dokument
Doc, Notiz, schreiben
Dokument (UI-Blau / UI-Grün) Dokument (Weiß / UI-Grün)
Dokument Haken
Depotkorrespondenz, abgehakt, erledigt, Brief
Dokument Haken (UI-Blau / UI-Grün) Dokument Haken (Weiß / UI-Grün)
Dokument Hand
Call to action, Dokument, HIlfe
Dokument Hand (UI-Blau / UI-Grün) Dokument Hand (Weiß / UI-Grün)
Dokument Information
Lupe, Dokument, Information, Suche
Dokument Information (UI-Blau / UI-Grün) Dokument Information (Weiß / UI-Grün)
Dokument Lupe
Bewerbungsstatus, Dokument suchen, Dokument, persönlich
Dokument Lupe (UI-Blau / UI-Grün) Dokument Lupe (Weiß / UI-Grün)
Dokumente
Datei, Unterlagen, Ordner
Dokumente (UI-Blau / UI-Grün) Dokumente (Weiß / UI-Grün)
Dollar
Symbol, Währung, USA, Geld
Dollar (UI-Blau / UI-Grün) Dollar (Weiß / UI-Grün)
Drache
Asien, China, Drachenkopf
Drache (UI-Blau / UI-Grün) Drache (Weiß / UI-Grün)
Drehbuch
Buch, Storybook, Regie
Drehbuch (UI-Blau / UI-Grün) Drehbuch (Weiß / UI-Grün)
Dreieck Ausrufezeichen
Warnung, Achtung, Vorsicht
Dreieck Ausrufezeichen (UI-Blau / UI-Grün) Dreieck Ausrufezeichen (Weiß / UI-Grün)
Dreieck Euro
Währung, Magisches Dreieck, Euro, Dreieck
Dreieck Euro (UI-Blau / UI-Grün) Dreieck Euro (Weiß / UI-Grün)
Drucker
Druck, drucken, ausdrucken
Drucker (UI-Blau / UI-Grün) Drucker (Weiß / UI-Grün)
Durchschnitt
Mittelwert, mittleres Ergebnis, Durchschnittswert
Durchschnitt (UI-Blau / UI-Grün) Durchschnitt (Weiß / UI-Grün)
Eheringe
Liebe, persönlich, Heirat, Romantik
Eheringe (UI-Blau / UI-Grün) Eheringe (Weiß / UI-Grün)
Eiffelturm
Frankreich, Wahrzeichen, Paris
Eiffelturm (UI-Blau / UI-Grün) Eiffelturm (Weiß / UI-Grün)
Eimer
Sonstiges, putzen, Müll, Abfall
Eimer (UI-Blau / UI-Grün) Eimer (Weiß / UI-Grün)
Einhorn
Tier, Fabelwesen, Unicorn, Pferd
Einhorn (UI-Blau / UI-Grün) Einhorn (Weiß / UI-Grün)
Einkaufstasche
Shop, Tasche, Einzelhandelsimmobilie, Immobilien
Einkaufstasche (UI-Blau / UI-Grün) Einkaufstasche (Weiß / UI-Grün)
Einkaufstasche Euro
kaufen, Shop, Immobilie, verkaufen, Immobilienvermögen Einzelhandel
Einkaufstasche Euro (UI-Blau / UI-Grün) Einkaufstasche Euro (Weiß / UI-Grün)
Einkaufswagen
Einkauf, Onlineshop, Erwerb, Warenkorb
Einkaufswagen (UI-Blau / UI-Grün) Einkaufswagen (Weiß / UI-Grün)
Elbphilharmonie
Wahrzeichen, Hamburg, Hafencity, Deutschland
Elbphilharmonie (UI-Blau / UI-Grün) Elbphilharmonie (Weiß / UI-Grün)
Elektroauto
Strom, Kraftfahrzeug, Verkehr, Auto
Elektroauto (UI-Blau / UI-Grün) Elektroauto (Weiß / UI-Grün)
Ente
Gelassenheit, Vogel, Natur, Ruhe
Ente (UI-Blau / UI-Grün) Ente (Weiß / UI-Grün)
ESG Kriterien
Enviromental Social Governance, Klemmbrett
ESG Kriterien (UI-Blau / UI-Grün) ESG Kriterien (Weiß / UI-Grün)
ESG Zahnrad
Investmentprozess, Zahnräder, Integration von ESG
ESG Zahnrad (UI-Blau / UI-Grün) ESG Zahnrad (Weiß / UI-Grün)
Ethereum
Plattform, Währung, Kryptowährung, Krypto, Blockchain
Ethereum (UI-Blau / UI-Grün) Ethereum (Weiß / UI-Grün)
Etikett Münzen
Fondsbezeichnung, Fondsart, Fondsklasse, Fondskennzeichnung
Etikett Münzen (UI-Blau / UI-Grün) Etikett Münzen (Weiß / UI-Grün)
Etikett Prozent
Mitarbeiterrabatte, Rabatt, Zuschüsse, Ermäßigung
Etikett Prozent (UI-Blau / UI-Grün) Etikett Prozent (Weiß / UI-Grün)
Eule
Achtung, Bildung, Natur, aufmerksam
Eule (UI-Blau / UI-Grün) Eule (Weiß / UI-Grün)
Euro
Eurozeichen, Symbol, Währung
Euro (UI-Blau / UI-Grün) Euro (Weiß / UI-Grün)
Euro Hand
Währung, Symbol, Hand
Euro Hand (UI-Blau / UI-Grün) Euro Hand (Weiß / UI-Grün)
Euro Schloss
Fixed Income, EInkommen, Festzins, festverzinslich, Zinsen
Euro Schloss (UI-Blau / UI-Grün) Euro Schloss (Weiß / UI-Grün)
Europa Sterne
EU, Europäische Union, Fahne, Flagge
Europa Sterne (UI-Blau / UI-Grün) Europa Sterne (Weiß / UI-Grün)
Fabrik
Gewerbe, Produktion, Gewerbefläche, Herstellung
Fabrik (UI-Blau / UI-Grün) Fabrik (Weiß / UI-Grün)
Fahne Position
Etappe
Fahne Position (UI-Blau / UI-Grün) Fahne Position (Weiß / UI-Grün)
Fahrrad
Rad, Sport, Aktivitäten, Fahrzeug
Fahrrad (UI-Blau / UI-Grün) Fahrrad (Weiß / UI-Grün)
Social-Media-Icons als Content-Icons stehen als Stellvertreter für die jeweilige Plattform und sind als solche nicht mit einer Funktion versehen. Sie werden im Kontext gezeigt und nicht als direkte Verlinkung genutzt. Durch ihre durch die Plattformen vorgegebene Gestaltung schaffen sie eine direkte Wiedererkennung zum jeweiligen Social-Media-Kanal.
Facebook
Instagram
LinkedIn
Threads
Twitter
Vimeo
WhatsApp
Xing
YouTube
System Icons sind Navigationselemente innerhalb digitaler Anwendungen, bebildern also Funktionen und Befehle . Ihre Gestaltung ist auf das Wesentliche reduziert. System Icons sind zudem ausschließlich einfarbig.
abspielen
Dreieck, Play, aktivieren
abspielen (UI-Blau)
abspielen Kreis
Datei abspielen, Beginn, Pfeil
abspielen Kreis (UI-Blau)
aktualisieren
Kreis, neu laden, Pfeile
aktualisieren (UI-Blau)
Uhr, Deadline, dringend, Notfall
Alarm (UI-Blau)
antworten
Rückmeldung, Nachricht, Kommunikation
antworten (UI-Blau)
At-Zeichen
Symbol, E-Mail-Adresse, At
At-Zeichen (UI-Blau)
Aufgabenvertretung
Kreislauf, Pfeile, Wechsel
Aufgabenvertretung (UI-Blau)
Auge durchgestrichen
Passwort ausblenden, Passwort verstecken
Auge durchgestrichen (UI-Blau)
Auge offen
Passwort anzeigen
Auge offen (UI-Blau)
ausklappen links
Seitenleiste, anzeigen
ausklappen links (UI-Blau)
ausklappen oben
ausklappen oben (UI-Blau)
ausklappen rechts
ausklappen rechts (UI-Blau)
ausklappen unten
anzeigen, Seitenleiste
ausklappen unten (UI-Blau)
Ausrufezeichen
Warnung, Achtung, Erinnerung
Ausrufezeichen (UI-Blau)
Ausrufezeichen Kreis
Vorsicht, Aufmerksamkeit, Wichtig
Ausrufezeichen Kreis (UI-Blau)
Kreditinstitut, Bank
Bank (UI-Blau)
Batterie halbvoll
Akku, halbvoll, Ladestatus
Batterie halbvoll (UI-Blau)
Batterie leer
Ladestatus, leer, Akku
Batterie leer (UI-Blau)
Batterie voll
voll, Akku, Ladestatus
Batterie voll (UI-Blau)
bestätigen
richtig, akzeptieren, Haken
bestätigen (UI-Blau)
bestätigen Kreis
Bestätigung, richtig, akzeptieren
bestätigen Kreis (UI-Blau)
Bild (UI-Blau)
Bildschirm Cursor
klicken, auswählen
Bildschirm Cursor (UI-Blau)
Blatt
nachhaltig, Natur, Nachhaltigkeit
Blatt (UI-Blau)
Pfeil, Fehler, falsch
Blitz (UI-Blau)
Blitzlicht
Schnelligkeit, Blitz, schnelle Aktion
Blitzlicht (UI-Blau)
Blitzlicht an
Taschenlampe an, Foto
Blitzlicht an (UI-Blau)
Blitzlicht aus
Foto, Taschenlampe aus
Blitzlicht aus (UI-Blau)
Briefkasten leer
Nachricht, Brief, Kasten
Briefkasten leer (UI-Blau)
Briefkasten voll
Postbox, Neuigkeit, Nachricht, Brief
Briefkasten voll (UI-Blau)
Klammer, Büro, anhängen, hinzufügen
Büroklammer (UI-Blau)
Chatbot
Dialog, Gesicht, Sprechblase, Assistent
Chatbot (UI-Blau)
Markierungsfeld, Kontrollkästchen, Auswahlkasten
Checkbox (UI-Blau)
Cloud Download
runterladen, Internet, online
Cloud Download (UI-Blau)
Cloud Upload
online, hochladen, Internet
Cloud Upload (UI-Blau)
Code
HTML Dokument, Quellcode, Dokument
Code (UI-Blau)
Dashboard
Programm, Armaturenbrett, Benutzeroberfläche
Dashboard (UI-Blau)
positiv, akzeptiet, geprüft
Daumen hoch (UI-Blau)
mittelmäßig, verbesserungswürdig, verbesserungsfähig
Daumen neutral (UI-Blau)
nicht ausreichend, mangelhaft, unzufrieden
Daumen runter (UI-Blau)
Diagramm
Säulendiagramm, Effizienz, Netto, Brutto-Netto-Grafik
Diagramm (UI-Blau)
Dialog
Kommunikation, Interaktion, alle Kontaktoptionen, Kontakt
Dialog (UI-Blau)
Edelstein, hart, wertvoll
Diamant (UI-Blau)
dividieren
Rechenzeichen, teilen
dividieren (UI-Blau)
dividieren Kreis
teilen, Kreis, Rechenzeichen
dividieren Kreis (UI-Blau)
Notiz, Doc, schreiben
Dokument (UI-Blau)
Dokument ablehnen
abgelehnt, verwerfen, nicht akzeptiert
Dokument ablehnen (UI-Blau)
Dokument ändern
Randbemerkung, Dokument, ändern, Notiz
Dokument ändern (UI-Blau)
Social-Media-Icons werden als System-Icons eingesetzt, wenn sie mit einer Funktion versehen sind. Sie dienen dazu, direkt zu den Medienpräsenzen von Union Investment zu verlinken. Da die Social-Media-Icons in dieser Funktion meist in Kombination verwendet werden, werden sie für ein homogenes Gesamtbild auf eine einheitliche Hintergrundform gesetzt und mit der jeweiligen CD-konformen Farbe der Plattform versehen.
Bluesky
Vorheriges Kapitel Iconstil Nächstes Kapitel Motion-Prinzipien