Using Font Awesome icon for bullet points

/* Fontawesome icons below li */ .classname ul li:before { content: "\f046"; /* CheatSheet - https://astronautweb.co/snippet/font-awesome/ */ font-family: FontAwesome; display: inline-block; width: 1.3em; color: #F78022; }
Here is a simplest way of using font awesome as bullets (list-style-type) using pure css. Just copy & paste the snippet and adjust as per your need.

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.