Mat icon is part of angular material module called maticonmodule we can use font ligature as an icon by putting the ligature text in mat icon component.
Mat icon home mat icon.
Backed by open source code material streamlines collaboration between designers and developers and helps teams quickly build beautiful products.
Buttons are placed anywhere in webpage and also places.
Choose your favorite colors and get your material design palette generated and downloadable.
In order to use the icons.
Import maticonmodule from angular material icon.
If you want to provide a different set of icons you can do so by placing a matsteppericon for each of the icons that you want to override.
The mat icon an angular directive is used to add a vector svg based icon with material styling.
The free images are pixel perfect to fit your design and available in both png and vector.
Download icons in all formats or edit them for your designs.
Angular material button module matbuttonmodule mat button mat raised button mat icon button mat fab mat mini fab enhances the user experience of normal buttons button and anchor a tags by following material design principles.
When you want to perform an action in webpage use button and use an anchor tag to navigate to other pages.
The material components do not include the web font for the material icon set.
For example mat icon home mat icon displays home icon.
We have to import maticonmodule from angular material modules.
In this chapter we will showcase the configuration required to draw a icon control using angular material.
Material is an adaptable system of guidelines components and tools that support the best practices of user interface design.