We can use the file hosted in Google web font server or can be hosted in our own server.There are around 900+ material icons, all are from a single, small file(42KB) and divided into 10+ categories.Import from icons are not limited to angular,In HTML webpages just use in place of tag.Īll the material icons packaged into a single font file.Īll we need to do is adding the below Google web fonts css in our html page. We have to import MatIconModule from Angular Material Modules. is part of angular material module called MatIconModule.We can use font ligature as an icon by putting the ligature text in  component. Selector is used to display Material icons in Angular.We have around 900+ Angular Material icons.To show the below list icons,We need to load material icons css provided by Google