Using the power of fixed-width styling, we added some utility styling to handle HTML lists with icons used as decorative bullets.
We’ll cover the basics of how to replace default bullets with icons in unordered lists and introduce options for customizing CSS properties.
fa-li to replace default bullets in unordered lists.
You can also keep the semantics of an ordered list behind the scenes but use icon bullets visually.
|Used on a |
<ol> elements to style icons as list bullets
|Used on individual |
<li> elements to style icons as list bullets
We've added CSS custom properties(opens new window) to make customizing easier and more efficient. Define your own values for the following properties to override and customize Font Awesome's defaults.