(Custom) DuoTone Icons
<span class="c-duotone-icon -xl -topitec"></span>
TIP
DuoTone Icons that are not custom-made and available in FontAwesome Pro can also be used via the web font, see: Font Awesome Icons
Used in Molecule Icon Headline Group
Usage
INFO
All the following icons are available as SVG files in the public/resources/images/duotone-icons folder. Some of them are custom-made for LabXpert and are not part of the FontAwesome Pro package. 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]
Use color style "dark" in Main Icon Headlines.
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
| Bezeichnung | Icon | Klasse |
|---|---|---|
| Abfüllung | -abfuellung | |
| Abfüllung (Dark) | -abfuellung_dark | |
| Ausgangsstoffprüfung/AP | -ap | |
| Ausgangsstoffprüfung/AP (Dark) | -ap_dark | |
| Archiv | -archiv | |
| Archiv (Dark) | -archiv_dark | |
| Archiv (Highlighted) | -archiv_highlighted | |
| Augentropfen | -augentropfen | |
| Cannabis | -cannabis | |
| Cannabis (Dark) | -cannabis_dark | |
| DAC/NRF | -dac-nrf | |
| Defektur | -defektur | |
| Defektur (Dark) | -defektur_dark | |
| Defektur (Highlighted) | -defektur_highlighted | |
| Einstellungen | -einstellungen | |
| Einstellungen (Dark) | -einstellungen_dark | |
| Erneut/Repeat | -erneut | |
| Erneut/Repeat (Dark) | -erneut_dark | |
| Erneut/Repeat (Highlighted) | -erneut_highlighted | |
| E-Signatur | -esignatur | |
| E-Signatur (Dark) | -esignatur_dark | |
| Fertigarzneiprüfung/FAM | -fam | |
| Fertigarzneiprüfung/FAM (Dark) | -fam_dark | |
| FAQ/Arbeitshilfen | -faq | |
| FAQ/Arbeitshilfen (Dark) | -faq_dark | |
| Flüssigkeit | -fluessigkeit | |
| Forum | -forum | |
| Forum (Dark) | -forum_dark | |
| Gerätemanager | -geraetemanager | |
| Gerätemanager (Dark) | -geraetemanager_dark | |
| Individuelle Vorlage | -individuelle-vorlage | |
| Info / Informationen | -info | |
| Info / Informationen (Dark) | -info_dark | |
| Kapseln | -kapseln | |
| Konditionen/Preise | -konditionen | |
| Konditionen/Preise (Dark) | -konditionen_dark | |
| Lagerorte | -lagerorte | |
| Lagerorte (Dark) | -lagerorte_dark | |
| Liste(n) | -listen | |
| Liste(n) (Dark) | -listen_dark | |
| Liste(n) (Highlighted) | -listen_highlighted | |
| LabXpert Logo | -labxpert | |
| LabXpert Logo (Dark) | -labxpert_dark | |
| LabXpert Logo | -labxpert_original | |
| Mitarbeiter | -mitarbeiter | |
| Mitarbeiter (Dark) | -mitarbeiter_dark | |
| Medizinproduktprüfung/MP | -mp | |
| Medizinproduktprüfung/MP (Dark) | -mp_dark | |
| Neu/Hinzufügen | -neu | |
| Neu/Hinzufügen (Dark) | -neu_dark | |
| Neu/Hinzufügen | -neu_highlighted | |
| Packmittel | -packmittel | |
| Packmittel (Dark) | -packmittel_dark | |
| Partner | -partner | |
| Partner (Dark) | -partner_dark | |
| PDF (Handbuch) | ||
| PDF (Dark) | -pdf_dark | |
| Papierkorb | -papierkorb | |
| Papierkorb (Dark) | -papierkorb_dark | |
| Prüfung | -pruefung | |
| Prüfung (Dark) | -pruefung | |
| Pulver | -pulver | |
| Rezeptur | -rezeptur | |
| Rezeptur (Dark) | -rezeptur_dark | |
| Rezeptur (Highlighted) | -rezeptur_highlighted | |
| Schmelzpunktbestimmer | -schmelzpunktbestimmer | |
| Taxierung | -taxierung | |
| Taxierung (Dark) | -taxierung_dark | |
| Taxierung (Highlighted) | -taxierung_highlighted | |
| Tee | -tee | |
| TOPITEC | -topitec | |
| Unguator | -unguator | |
| Updates | -updates | |
| Updates (Dark | -updates_dark | |
| Video | -video | |
| Video (Dark) | -video_dark | |
| Waage | -waage | |
| Zäpfchen | -zaepfchen |