DEV Community

queencykoh
queencykoh

Posted on

Setting up Line Awesome in Angular

Line Awesome is a great alternative for Font Awesome for modern line icons.

Install Line Awesome

Open terminal and go to the Angular project directory and run

npm install line-awesome
Enter fullscreen mode Exit fullscreen mode

Add Line Awesome reference

  1. Open angular.json file
  2. Add Line Awesome directory in the styles 
"node_modules/line-awesome/dist/line-awesome/css/line-awesome.min.css"
Enter fullscreen mode Exit fullscreen mode

Try it out!

Add the following to any components

<i class="las la-bell"></i>

Top comments (0)

Read next

roy_amit profile image

"Space-Ease: Rent Your Space, Park With Ease"

Roy amit -

jakub_bobkowski profile image

Studying at the University in the Age of Self-Learning. My Experience as the Design Student

Jakub Bobkowski -

saint_vandora profile image

Supercharge Your API Performance with Asynchronous Programming in FastAPI

FOLASAYO SAMUEL OLAYEMI -

dhoang1905 profile image

Introducing fck-nat: Cost optimized alternative to AWS NAT Gateways

Donovan HOANG -