docs-bug(mat-icon): Available mat-icon ligatures no longer match Material Icons

[mtpultz]

Documentation Feedback

Using <mat-icon> and the official Material Icon site was how designers would choose the icons we would use, but recently the site icon names no longer match what <mat-icon> displays.

For example, undo on the site is:

But, <mat-icon> displays:

If these are no longer synced due to css2 API changes, or how they are used has changed it would be great to know where we can see the available icons now for the <link> provided on install of Angular Material:

<link
  href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet" />

Affected documentation page

https://material.angular.io/components/icon/overview

[michaelgregson]

Hi @mtpultz,

The material icon site has been updated to display material symbols by default instead of material icons. You may use the first select on the page to swap between the two.

Here's the blog where they are introduced

[crisbeto]

This sounds like an issue with the Material design icons, not with our implementation.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}