The  Angular Material library has a wide variety of components that we can use. One such component is . The  component makes it easier to use vector-based icons in your angular app.

Angular Material Icons

To use Material icons in Angular, use  component. The directive supports both icon fonts and SVG icons, but not bitmap-based formats. Icons are the necessary components when we are building modern-day web apps, and sometimes they can be frustrating.

There are some icon sets like  Font Awesome, and  Material Icons have made it more accessible, there is always the icon you need that is still missing.

A good example is a lack of social media icons in the Material Icons for whatever reason.

If we want to avoid this problem, you can use multiple icon sets or a mix between the icon set and your own set of image icons. This introduces the issue of the lack of consistency in your icons.

#angular #angular 9