Date:
KW 10 / 2023
Bootstrap Icons
Mercury provides all icons from the Bootstrap project.
Since version 5, Bootstrap has offered an extensive collection of over 2,000 free icons, which is actively being developed further.
Usage of the Bootstrap icons
To use an icon, use the name of the icon from the list below.
Also, add the prefix bi- to the name. For example, bi-0-circle-fill instead of just 0-circle-fill. It is essential to add bi- before the name in order to identify the desired icon as a “Bootstrap icon.”
You can simply click on the icon you have selected in the list. The name of the selected icon will then be transferred to the “search slot” with the required bi- prefix. You can then copy and paste the name to the desired location.
You can use the icons from this collection anywhere you can select an icon by specifying a name, e.g., in the link sequence or with the Icon Box Formatter.
Please note that the use of icon CSS classes such as <i class="fa fa-icon"> in the HTML source code is NOT supported for these icons.