Integration der Bootstrap-Icons

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.

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 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".

Awesome-Icons

Dieser Text nutzt Awesome-Icons - hier anchor

Awesome-Icons

Dieser Text nutzt Awesome-Icons - hier ambulance

Bootstrap

Dieser Text nutzt Bootstrap-Icons - hier bi-boxes

Bootstrap

Dieser Text nutzt Bootstrap-Icons - hier bi-cloud-drizzle