Mat Icon Registry

Let s say you have a custom icon unicorn icon svg placed in the assets folder of your project.

Mat icon registry. At first the array of icon keys e g. Src assets unicorn icon svg environments index html. The following npm package material ui icons includes the 1 100 official material icons converted to svgicon components. Here s an example folder structure.

Account circle add or whatever you want. 1 100 react material icons ready to use from the official website. There s also another way how to avoid this problem. At first download the icons you need from here in svg 24px format default.

Add a class to the mat icon html tag as above and then add the scss for the class. Mat icon selector is used to display material icons in angular we have around 900 angular material icons to show the below mat icon list icons we need to load material icons css provided by google 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. Backed by open source code material streamlines collaboration between designers and developers and helps teams quickly build beautiful products. Const createcomponent createcomponentfactory component.

Spectator which is btw really awesome tool for angular unit testing has handy shallow flag which basically prevents all child components including mat icon to be compiled but handled as simple html tag instead. Material is an adaptable system of guidelines components and tools that support the best practices of user interface design. Import the iconimportmodule in your application module and call the forroot function with two parameters. Mat icon mood mat icon a full list of material icons which you can use directly can be found here.

Ui component infrastructure and material design components for mobile and desktop angular web applications.