Material is an adaptable system of guidelines components and tools that support the best practices of user interface design.
Mat icon home mat icon.
The material components do not include the web font for the material icon set.
When you want to perform an action in webpage use button and use an anchor tag to navigate to other pages.
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.
Backed by open source code material streamlines collaboration between designers and developers and helps teams quickly build beautiful products.
Download icons in all formats or edit them for your designs.
The free images are pixel perfect to fit your design and available in both png and vector.
Button mat button routerlink mat icon home mat icon button 5.
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.
In this chapter we will showcase the configuration required to draw a icon control using angular material.
We have to import maticonmodule from angular material modules.
Import maticonmodule from angular material icon.
By default the step headers will use the create and done icons from the material design icon set via mat icon elements.
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.
In order to use the icons.
The mat icon an angular directive is used to add a vector svg based icon with material styling.
Buttons are placed anywhere in webpage and also places.