How to use Font Awesome Icons as Bullets

No Comments

This could be accomplished by using the built in Font Awesome CSS classes

  1. Add the fa-ul class to the ul html tag
  2. Between the li tags add <i class=”fa-li fa fa-stop”></i> replacing the fa-stopCSS class with the icon class you would like to show as the bullet

Example:

<ul class="fa-ul">
 <li><i class="fa-li fa fa-stop"></i>Bullet 1</il>
 <li><i class="fa-li fa fa-stop"></i>Bullet 2</il>
 <li><i class="fa-li fa fa-stop"></i>Bullet 3</il>
 <li><i class="fa-li fa fa-stop"></i>Bullet 4</il>
 <li><i class="fa-li fa fa-stop"></i>Bullet 5</il>
</ul>

Image Credits: Photo by Isis França on Unsplash.

Last Updated On March 22, 2018

Related Articles

No results found

Leave a Reply

avatar
  Subscribe  
Notify of
Menu
Copy link