Default Icon List of Angular Material 2+

Question

I need to see a default list of Icons for Angular Material https://material.angular.io/components/icon/overview

I am not using Font Awesome and Google Fonts

Solution 1

The Angular Material Icon component actually isn't pre-loaded with the Google Material Design Icons, I'm afraid.

According to the documentation for Icon overview:

By default, <mat-icon> expects the Material icons font. (You will still need to include the HTML to load the font and its CSS, as described in the link).

_{This is located under the "Font icons with ligatures" header. I'm also emphasizing on the word "expects" here}

And it even states under the Getting Started guide that you should add the Material Icons font to your index.html:

If you want to use the mat-icon component with the official Material Design Icons, load the icon font in your index.html.

So, you have to load an icon font (or an SVG iconset) in your app. You'll have to do it yourself.

Here's some font icons/ SVG icons you can use:

• Font icons
  • Google's Material Icons and a list on Material.io
  • Fontawesome (list of icons included in website)
• SVG icons
  • Templarian's Material Design Icons (list of icons included in website)

Solution 2

Is this what you're looking for?

Comments

[Micky Q]

well I am looking for a list where I can select icons available and choose from them is there a web page which list them

[Davidson Lima]

No, you're wrong. There are default icons ready to be used by name. Read my answer here (it has a list of Angular Material icons): stackoverflow.com/a/64215719/6166911