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)