keyboard_double_arrow_left
help Help & getting started
  1. Home
  2. Line Awesome

Line Awesome.

Line Awesome offers 1,340+ clean, lightweight icons as a drop-in Font Awesome replacement with modern line style. Click here

Example

Use Line Awesome Icons with a spesific class.


<i class="las la-exclamation-circle"></i>
<i class="las la-question-circle"></i>
<i class="las la-exclamation-triangle"></i>
<i class="las la-radiation-alt"></i>
<i class="las la-spider"></i>
<i class="las la-phone-volume"></i>

Colors

You can use Line Awesome Icons with a specific class, and style them using text utilities like text-primary, text-success, or any text-* class for quick color control.

primary
secondary
success
danger
info
warning
dark
light
gray 

<i class="las la-spider text-primary"></i>
<i class="las la-spider text-secondary"></i>
<i class="las la-spider text-success"></i>
<i class="las la-spider text-danger"></i>
<i class="las la-spider text-info"></i>
<i class="las la-spider text-warning"></i>
<i class="las la-spider text-dark"></i>
<i class="las la-spider text-light"></i>
<i class="las la-spider text-gray"></i>

Sizes

You can use Line Awesome Icons with a specific class and control their size using Line Awesome’s fs-* font size utilities.

fs-1
fs-2
fs-3
fs-4
fs-5
fs-6 

<i class="las la-air-freshener fs-1"></i>
<i class="las la-air-freshener fs-2"></i>
<i class="las la-air-freshener fs-3"></i>
<i class="las la-air-freshener fs-4"></i>
<i class="las la-air-freshener fs-5"></i>
<i class="las la-air-freshener fs-6"></i>