How to use Line Awesome icons in pseudo elements?


#1

I’m trying to add an icon to the list (ul li) but it just shows me empty square instead…

My style is:

    ul.icon-check {padding-left:40px; list-style: none}
    ul.icon-check li {position:relative; margin-bottom: 11px;}
    ul.icon-check li:before {position:absolute; 
top:0; left:-40px; content:"\f058";
 font: normal normal normal 16px/1 LineAwesome;    font-size: inherit;
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;}

Any ideas?

When I’m using the standard “i” tag it works fine:
<i class="la la-check-circle"></i>


#2

Hi Mike!
To use our Line Awesome icons, you have to download the zip file from this page https://icons8.com/line-awesome/howto and install all 3 files (one for each style).
Please, try to do it, and let me know if it works.