FontAwsome Bulleted Lists

As I’ve mentioned before, I like to the use Font Awesome icon set because it’s so awesome.

This CSS snippet allows you to use Font Awesome icons as bullets in lists by applying a class to the list wrapper, e.g. <ul class="list-fa-check">

The class is simply list- plus the CSS class name of the Font Awesome icon.

See the Pen Font Awsome icons as bullets by Dan (@dgifford) on CodePen.0

Most of the icons which I think you’d want to use as bullets are there, including the check mark, chevron, caret, plus etc.

 

Leave a Reply

Your email address will not be published. Required fields are marked *