Zum Inhalt springen
mittwald.

Digital Brand Design

Icons

Allgemein

Unsere Icon-Bibliothek nutzt die Sharp Icons von Font Awesome. Sie bilden den perfekten Kontrast zu unseren abgerundeten Elementen und ergeben ein harmonisches Bild.

Auf der Webseite von Font Awesome findest du alle Icons, ihre Codes und den SVG-Download.

Zur Übersicht

Eine kleine Auswahl der Icons, die wir häufig nutzen.

Größen

Wir geben Icons in fünf Größen aus. Das Beispiel zeigt die Ausprägungen für die Webseite. Icons können als Schmuckelemente dienen. So können sie zum Beispiel in Buttons oder in Navigationen eingesetzt werden. Es ist auch eine Verwendung von ihnen in Boxen möglich, um das aktuelle Thema noch zu unterstützen.

Icon-Größen: Huge, Large, Medium, Small und Tiny für Desktop Wide, Desktop Mini und Mobile
AnsichtHugeLargeMediumSmallTiny
Desktop WideIcon bei Desktop Wide, 56 Pixel SchriftgrößeIcon bei Desktop Wide, 40 Pixel SchriftgrößeIcon bei Desktop Wide, 30 Pixel SchriftgrößeIcon bei Desktop Wide, 20 Pixel SchriftgrößeIcon bei Desktop Wide, 18 Pixel Schriftgröße
Desktop MiniIcon bei Desktop Mini, 36 Pixel SchriftgrößeIcon bei Desktop Mini, 26 Pixel SchriftgrößeIcon bei Desktop Mini, 20 Pixel SchriftgrößeIcon bei Desktop Mini, 18 Pixel SchriftgrößeIcon bei Desktop Mini, 16 Pixel Schriftgröße
MobileIcon bei Mobile, 36 Pixel SchriftgrößeIcon bei Mobile, 26 Pixel SchriftgrößeIcon bei Mobile, 20 Pixel SchriftgrößeIcon bei Mobile, 18 Pixel SchriftgrößeIcon bei Mobile, 16 Pixel Schriftgröße

Feste Icons

Im mStudio und auf der Webseite nutzen wir feste Icons immer wieder für die gleichen Themen.

Projekt

Server

Support

Organisation

Extension

Domain

Container

Marktplatz

AI mStudio

AI Webseite

AI Webseite

E-Mail

App

Datenbank

Umzug

Beispiele

Hier ein paar Beispiele für die Nutzung von Icons.

Textarea
Textarea
Textarea