Custom DuoTone Icons
INFO
Custom DuoTone Icons are not part of the FontAwesome Pro package and were created specifically for LabXpert.
These icons are available as background images in the CSS file and can be used by applying the appropriate class to a
<span>element, e.g.,<span class="c-duotone-icon -rezeptur"></span>.DuoTone Icons that are not custom-made and available in FontAwesome Pro can also be used via the web font, see FontAwesome Icons.
Used in Circular Icons, Main Icon Headlines, Menu Buttons, and more.
<span class="c-duotone-icon -lg -rezeptur"></span>
Usage
TIP
All the following icons are available as background images in the CSS file and can be used by applying the appropriate class to a <span> element, e.g., <span class="c-duotone-icon -rezeptur"></span>. We've also included some default FontAwesome Pro icons here to make it easier to find and use them.
.c-duotone-icon.-[icon-class-name][_dark/_highlighted]
Size Modifiers
Extra-Small is the default size. You can add the following classes to change the size of the icon:
| Size Modifier | Example | Class |
|---|---|---|
| Extra-Small | .-xs | |
| Small | .-sm / .fa-2x | |
| Medium | .-md / .fa-3x | |
| Large | .-lg / .fa-4x | |
| Extra-Large | .-xl / .fa-4x |
Disabled State
.c-duotone-icon.-is-disabled
List of all DuoTone Icons
TIP
Use color style Dark for Main Icon Headlines.
| Bezeichnung | Default | Dark | Highlighted |
|---|---|---|---|
| Abfüllung | – | ||
| Ausgangsstoffprüfung/AP | – | ||
| Archiv | |||
| Augentropfen | – | – | |
| Cannabis | – | ||
| DAC/NRF | – | – | |
| Defektur | |||
| Einstellungen | – | ||
| Erneut/Repeat | - | ||
| E-Signatur | – | ||
| Fertigarzneiprüfung/FAM | – | ||
| FAQ/Arbeitshilfen | – | ||
| Flüssigkeit | – | – | |
| Forum | – | ||
| Gerätemanager | – | ||
| Individuelle Vorlage | – | – | |
| Info / Informationen | – | ||
| Kapseln | – | – | |
| Konditionen/Preise | – | ||
| Lagerorte | – | ||
| Liste(n) | |||
| LabXpert Logo | |||
| Mitarbeiter | – | ||
| Medizinproduktprüfung/MP | – | ||
| Neu/Hinzufügen | |||
| Packmittel | – | ||
| Partner | – | ||
| PDF (Handbuch) | – | ||
| Papierkorb | – | ||
| Prüfung | – | ||
| Pulver | – | – | |
| Rezeptur | |||
| Schmelzpunktbestimmer | – | – | |
| Taxierung | |||
| Tee | – | – | |
| TOPITEC | – | – | |
| Unguator | – | – | |
| Updates | – | ||
| Video | – | ||
| Waage | – | – | |
| Zäpfchen | – | – |