How to Add Font Awecome icon to Any Element with CSS

Blog How to Add Font Awecome icon to Any Element with CSS

14th May 2019 / css

This quick tip will show you how to add icon fonts to any element in your site safely with just CSS.

Set up Font Awecome on Your Site.
The CSS3 pseudo-element ::before will place the icon before the link text.
There are only two critical pieces you need to get an icon font to display: the icon's unicode number, and the font-family

li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f192";
}