Zum Inhalt springen

Integration der Bootstrap-Icons

16. März 2023 Alkacon Software
Zusätzlich zu den bisher vorhandenen "Awesome" Icons sind nun über 1500 zusätzliche Icons hoher Qualität aus dem Bootstrap-Projekt verfügbar. Diese können überall verwendet werden, wo Icons über einen Namen angegeben werden können.
Icons auf einem Bildschirm Icons auf einem Bildschirm
Icons auf einem Bildschirm

Bootstrap bietet seit der Version 5 einen umfangreichen Satz von über 1500 Icons, welcher aktiv weiter entwickelt wird. Die Bootstrap-Icons sind mit Meilenstein 23-03 vollständig in das Mercury Template integriert.

Die bisher verwendeten Fork (Font) Awesome Icons stehen weiterhin zur Verfügung. Eine Kombination von Icons aus verschiedenen Sätzen auf einer Webseite ist problemlos möglich.

Verwendung der Icons

Um z.B. ein Bootstrap Icon zu verwenden benutzen Sie den Namen gemäß der Liste der Boostrap Icons und stellen zusätzlich das Präfix bi- vor. Also z.B. bi-0-circle-fill anstatt nur 0-circle-fill. Die Angabe von bi- vor dem Namen ist unbedingt notwendig, um das gewünschte Icon als "Boostrap Icon" zu identifizieren.

Für ein Awesome Icon verwenden Sie den Namen gemäß der Liste der Awesome Icons mit dem Präfix fa-. Also z.B. fa-address-book anstatt nur address-book. Die Angabe von fa- vor dem Namen identifiziert das gewünschte Icon als "Font Awesome Icon".

Andere von Mercury unterstützte Icon-Sammlungen verwenden Präfixe wie z.B. nf-, fab-, fas- oder far-.