Zum Inhalt springen

Bootstrap Icons

9. März 2023
Mercury stellt alle Icons aus dem Bootstrap-Projekt zur Verfügung.

Bootstrap bietet seit der Version 5 eine umfangreiche Sammlung von über 2000 freien Icons, welche aktiv weiter entwickelt wird.

Verwendung der Bootstrap Icons

Um ein Icon zu verwenden benutzen Sie den Namen des Icons aus der unten stehenden Liste.

Stellen Sie dem Namen außerdem 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.

Sie können in der Liste einfach das von Ihnen ausgewählte Icon anklicken. Der Name des gewählten Icons wird dann in den "Suchschlitz" übertragen, mit dem benötigten bi- Präfix. Mit Copy & Paste können Sie den Namen dann an die von Ihnen gewünschte Stelle übernehmen.

Die Icons aus dieser Sammlung können Sie überall dort verwenden, wo Sie ein Icon durch Angabe eines Namens auswählen können, so z.B. in der Link-Sequenz oder mit dem Icon-Box Formatter.

Bitte beachten Sie, dass die Verwendung von Icon-CSS-Klassen wie z.B. <i class="fa fa-icon"> im HTML Source Code für diese Icons NICHT unterstützt wird.

Bootstrap Icon-Liste