Line Awesome - Icons8 Replace Font Awesome with modern stylish line icons
Are you trying to find a best Alternative of Font Awesome?
There are very few options available able but Line Awesome replaced the Font Awesome with modern stylish line icons. This is a best Alternative of Font Awesome with modern stylish line icons.
You will find all types of alternative of Font Awesome icons such as
- Blogging utility icons
- Music set icons
- Windows icons
- Software icons
And many more.
What is Line Awesome?
Line Awesome is a rich collection of pictographic icon sets that contains clear line icons which is ready to use in your website.
The concept of Line Awesome quite new and still very few users are using to enhance and beautify their blog design.
In this article we will introduce you with this most popular and rich pictographic icon set and how to utilize it in your blog?

You won't believe!
Line Awesome is a rich library of 37,900 Free Flat Icons which can be transform in any format, size and color. You can integrate and display line awesome by using CSS script. As a new user you may face some trouble and many user complain that line awesome is not working in their blog. But
So now you have wide range of choice to use various pictographic icon fonts.
The most exciting news is you can use their icons for free for personal or commercial use if you put a link on your website.
As a web developer and Blogger you may use Font Awesome icons for tailoring your site. Definitely Font Awesome icons are really awesome, but if you compare both Line Awesome and Font Awesome then you will get some advance benefit from Line Awesome.
However both are handy for improving our web design and interface. Line Awesome features icon fonts that contain symbols and pictographs. And it can be style and decorate with CSS coding.
Line awesome is hosted on fastest and reliable CDN to deliver smooth service to your website.
This pictographic icon font works an alternative of svg image icons. You can also download line awesome font icons for using in your other design elements.

Benefits of Line Awesome
There are some benefits that will give you more priority to
Line Awesome over Font Awesome. Let's see it below-
- Line Awesome icons easily modifiable in order to be read by screen readers which provides for accessibility according to W3C guidelines.
- Line Awesome's icon fonts contain clear line icons. In contrast, Font Awesome instead of clear lines, they are composed of a solid fill.
- It compatible with almost all browsers, even it works with Internet Explorer 4.
- Another feature of Line Awesome is “plug and play” that requires a few lines of code in order to work on webpage.
- Line Awesome icon fonts are made of vectors that can respond to CSS styling such as colors and size among other enhancing features.
- In CSS styling it eliminates the use of multiple images to achieve various interactive effects.
- It can load faster than Font Awesome and reduce file size on webpage.
- Line Awesome icons can be used in 32x32 px grid, while Font Awesome might start with 14x14 px.
- It can utilize every pixel in the screen, Simply we can say it Pixel perfect.
- Line Awesome icons can be easily resize without losing elegant look.
How to Integrate Line Awesome in Blogger Template?
This is quite easy to integrate Line Awesome on Blogger
template. If you are using Font Awesome then you can add Line Font Awesome
easily.
Step #1: Go
to https://www.blogger.com and Sign in to your account
Step #2: From Blogger
Dashboard click on ->Template ->Edit HTML
Step #3: And
locate the <head> section in your Blogger template
Step #4: Finally
copy following line of markup and paste it below <head>
<link href='//maxcdn.icons8.com/fonts/line-awesome/css/line-awesome.min.css' rel='stylesheet' type='text/css'/>
Step #5: Now simply hit the Save template from the top.
Congratulation! you have successfully
integrated Line Awesome in your Blogger template.
Line Awesome Icon Cheatsheet
Generally all pictographic icon display
according to icon code. Font Awesome user already aware about this that we have
to use code from a list of icon code. Similarly incase of Line Awesome we have
to use icon code. You can grab the all code by visiting below URL.
- https://icons8.com/line-awesome
After landing on the site Just click on any
icon and you will explore the icon code easily.
How to use Line Awesome in Blogger Template?
This is a
good question that after integrating Line Awesome file, how we can use it in
our Blogger template?
we can
write Line awesome in Blogger template file by Edit HTML and alternatively we
can write it in Blog Post on "HTML" View. However for Resizing and
coloring we must use CSS script.
All Line
Awesome icons writing are similar to Font Awesome. It start with la and in case of Font Awesome we use fa. You can have a look at below
example of Line Awesome icon code. This code will show Bull Horn.
<i class="la la-bullhorn"></i>
For placing
icons in a list style we can write it like below
<ul class="la-ul"><li style="text-align: left;"><i class="la la-adjust"></i>Adjust Icon</li><li style="text-align: left;"><i class="la la-anchor"></i>AnchorIcon</li><li style="text-align: left;"><i class="la la-balance-scale"></i>Balance Icon</li></ul>

The above
icon set will display in default size. but if you wish to increase the icon
size then you can add a simple CSS script like below.
<style>.la-ul{font-size:22px;}</style><ul class="la-ul"><li style="text-align: left;"><i class="la la-adjust"></i>Adjust Icon</li><li style="text-align: left;"><i class="la la-anchor"></i>AnchorIcon</li><li style="text-align: left;"><i class="la la-balance-scale"></i>Balance Icon</li></ul>
Here I have
added font size 22px. So Line Awesome icons will now become bigger.
How to add color on Line Awesome Icons?
I will show
you how to add color in Line Awesome icon. for your convenience I will use same
code.
<style>.la-ul{font-size:22px; color:#0BBE46}</style><li style="text-align: left;"><i class="la la-adjust"></i>Adjust Icon</li><ul class="la-ul"><li style="text-align: left;"><i class="la la-anchor"></i>AnchorIcon</li><li style="text-align: left;"><i class="la la-balance-scale"></i>Balance Icon</li></ul>
How to add Line Awesome Icon in Horizontal style with Fixed Width?
If you wish
to add Line awesome icons in horizontal style with fixed with then you can
write it like below.
<div class="list-group">
<a class="list-group-item" href="#"><i class="la la-home la-lw"></i> Home</a>