Search results
Jul 15, 2020 · <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. For example <mat-icon>home</mat-icon> displays home icon.
To display an icon from an icon set, use the svgIcon input in the same way as for individually registered icons. Multiple icon sets can be registered in the same namespace. Requesting an icon whose id appears in more than one icon set, the icon from the most recently registered set will be used.
There are around 900+ Angular Material icons divided across 10+ categories. You can find the complete 900+ icon list here. You need to load the Material Icons font CSS, in your module: import {MatIconModule} from '@angular/material/icon' In your module, but on imports: imports: [ (...), MatIconModule] Finally, some examples in your HTML:
UI component infrastructure and Material Design components for mobile and desktop Angular web applications.
SVG icons.
SVG icons. Current Version: 7.3.7. Powered by Google ©2010-2019. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.
Nov 29, 2023 · A collection of vector icons that are scalable and adaptable to your application’s design specifications is known as Angular Material Icons. Because these icons are based on Google’s Material...
By default the Material icons font is used as described at http://google.github.io/material-design-icons/#icon-font-for-the-web. You can specify an alternate font by setting the fontSet input to either the CSS class to apply to use the desired font, or to an alias previously registered with MatIconRegistry.registerFontClassAlias.
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
Nov 24, 2023 · mat-icon makes it easier to use vector-based icons in your app. This directive supports both icon fonts and SVG icons, but not bitmap-based formats (png, jpg, etc.). In this guide, we will learn how to use SVG icons with mat-icon.
