Line Awesome in a nutshell

Font Awesome is well, awesome, but our data shows that people actually like line icons even more 1. Since Icons8 is all about making people happy, we made Line Awesome as a free alternative to Font Awesome 5.11.2.

Line Awesome consists of ~1380 flat line icons that offer complete coverage of the main Font Awesome icon set. This icon-font is based off of the Icons8 Windows 10 style, which consists of over 4,000 icons, so be sure to check that out if you need more specific icons.

How to Install

Load from CDN

If you already have Font Awesome installed, simply switch out the link to start using Line Awesome:

Font Awesome

<link rel="stylesheet" href= "https://use.fontawesome.com/releases/v5.11.2/css/all.css" >

Line Awesome

<link rel= "stylesheet" href= "https://maxst.icons8.com/vue-static/landings/line-awesome/font-awesome-line-awesome/css/all.min.css" > Click to copy Code

If you are starting a new project, add this link to the header of your page:

<link rel= "stylesheet" href= "https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css" > Click to copy Code

Downloadable Version

If you host the font files on your server, unpack this zip and replace the code.

Font Awesome

<link rel= "stylesheet" href= "path/to/font-awesome/css/font-awesome.min.css" >

Line Awesome

<link rel= "stylesheet" href= "path/to/line-awesome/css/line-awesome-font-awesome.min.css" > Click to copy Code

Usage

Icon can have 3 styles: regular, solid or brand. For each style there is a corresponding class: lar, las or lab.
Wherever you desire to place an icon simply insert the code below and change the class names (laX la-XXX) to correspond to the icon of your choice.

Use the preview page to quickly find the name of the icon you want to use.

<i class= "las la-battery-three-quarters" ></i> Click to copy Code

Using in Figma, Sketch, Photoshop, etc.

To use Line Awesome in your favorite design tool first download this zip and unpack it.
Then just import desired fonts to your project and you are ready to go!
Note: there are 3 files, one for each style (regular, solid, brands). If you want to use all icons please import all 3 files

Fine Tuning

There’s a trick, however. Line Awesome is pixel perfect , though it’s optimized for larger size. While Font Awesome is optimized for 14×14 px, Line Awesome Awesome looks great in 32×32 px.

If you use larger icons, you’re cool. If you use 14×14, first please check if it looks ok. Many icons do. Otherwise, try changing it to 16×16 with CSS. The majority of our line icons look cool this way. If not, please drop us a line in comments and tell us which icon you want us to fix. We’ll do that for you.

  1. * Most people, in fact: Icons8 statistics show that line icons are way more popular than filled icons.