How to use font-awesome icons from Node.js-modules

Font-awesome is a web’s icon library that gives you scalable vector icons that can be customized in terms of color, size, and in many more aspects. Syntax for Installing the library: npm install font-awesome –save Approach: • First, we need to enter the above command in the terminal for installing the package. • Once the installation is fixed you can find the package inside the node-modules folder. • Then you need to import the file in style.css file. • After importing the file you can start using the font-awesome icons. Implementation of code: In style.css file, import font-awesome by using the following syntax. @import url(‘../node_modules/font-awesome/css/font-awesome.min.css’); app.component.html : <h1>Font-awesome</h1> Notification : <i class=’fas fa-bell’ style=’font-size:24px’></i> <br><br> Message or Inbox : <i class=’fas fa-envelope’ style=’font-size:24px’></i> <br><br> Bookmark : <i class=’fas fa-bookmark’ style=’font-size:24px’></i>

Leave a comment

Your email address will not be published. Required fields are marked *