Icons

Icon sizes

Every sizeAlle Größen

IconsIconsUsed forVerwendet für
L · 24 pxL · 24 px
Card and empty-state icons; at Size 40 the control iconIcons in Karten und leeren Zuständen; bei Size 40 das Icon in Steuerelementen
M · 20 pxM · 20 px
Default: buttons, fields, table icons, Notify, tab icons (32 px controls)Standard: Buttons, Felder, Tabellen-Icons, Notify, Tab-Icons (32-px-Steuerelemente)
S · 16 pxS · 16 px
Everything inside a select, chips, segment icons, every dropdown chevron and caretAlles im Select, Chips, Segment-Icons, jeder Dropdown-Pfeil
XS · 14 pxXS · 14 px
Info icon next to a field label, breadcrumb app icon, link icon in running text, icon in a tagInfo-Icon neben einem Feld-Label, App-Icon in Breadcrumbs, Link-Icon im Fließtext, Icon im Tag

Status icons

Every statusAlle Status

On a cardAuf einer KarteFilledBefülltMeaningBedeutung
ErrorFehler
A failure stops the vehicleEin Fehler stoppt das Fahrzeug
ProblemProblem
Needs attention soon: act before it stops the vehicleBraucht bald Aufmerksamkeit: handeln, bevor das Fahrzeug stoppt
WarningWarnung
Worth knowing, nothing to do yet: nothing is blockedGut zu wissen, noch nichts zu tun: nichts ist blockiert
InfoInfo
Neutral informationNeutrale Information
SuccessErfolg
Done, all goodErledigt, alles gut

Library

Every icon of the library as one filled path, so it takes the color of the text around it. Click an icon to select it and copy its name. A dashed outline marks icons that no app uses yet.Alle Icons der Library, jedes als ein gefüllter Pfad, damit es die Farbe des Textes drumherum übernimmt. Ein Klick wählt das Icon aus und kopiert seinen Namen. Gestrichelt umrandet sind Icons, die noch keine App verwendet.

304 iconsIcons

In useIn Verwendung172

Not used yetNoch nicht verwendet132