The mat-icon directive allows you to use the icon as well as the SVG icon pattern. To learn about Javascript check out TechRepublic Academy! Loading. There are two ways to install material design icons in your project. Importing the Angular Material Fonts and Theme. How to create slide left and right toggle effect using jQuery? These mat icons are based on core Material Design principles and metrics. exports: [ 2) By the help of this material icon we can display font icon or SVG icon by using the mat-icon directive of angular material. If you are working with an Angular project, the Material Design Icons are very helpful to integrate with your project for a better UI performance and a better user experience. You can make all your icons the same width so they can easily vertically align, like in a list or navigation menu. It also supports icon fonts and SVG icons in addition to using Google content icons. Step 2: Install and configure Angular Material. For the demo purpose, lets create and keep the user.svg inside the assets folder. Now, to display the icon, you have to put the icon name inside the component in your template file. (You will still need to include the HTML to load the font and its CSS, as described in the link).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |