Integration of Bootstrap icons

March 16, 2023 Alkacon Software

In addition to the existing “Awesome” icons, over 1500 additional high-quality icons from the Bootstrap project are now available. These can be used anywhere where icons can be specified by name.

Icons on a screen

Since version 5, Bootstrap has offered a comprehensive set of over 1,500 icons, which is actively being developed further. With milestone 23-03, the Bootstrap icons are now fully integrated into the Mercury template.

The Fork (Font) Awesome icons used previously are still available. It is possible to combine icons from different sets on a single website without any problems.

Icon usage

To use a Bootstrap icon, for example, use the name according to the list of Bootstrap icons and add the prefix bi- in front of it. So, for example, bi-0-circle-fill instead of just 0-circle-fill. It is essential to add bi- in front of the name in order to identify the desired icon as a “Bootstrap icon.”

For an Awesome icon, use the name according to the list of Awesome icons with the prefix fa-. For example, fa-address-book instead of just address-book. Adding fa- before the name identifies the desired icon as a “Font Awesome icon.”

Other icon collections supported by Mercury use prefixes such as nf-, fab-, fas-, or far-.

Bootstrap Icons

Mercury provides all icons from the Bootstrap project.

Awesome Icons

Mercury provides all icons of Fork (Font) Awesome.