请求获取Angular Material 2+默认图标列表(不使用Font Awesome及Google Fonts)
Accessing Angular Material's Default Icon List (No External Fonts Used)
Hey there! Since you’re working without Font Awesome or Google Fonts, Angular Material’s default icon set is the built-in Material Design Icons that integrate seamlessly with the MatIconModule. Here’s how you can browse the full list:
- Head to the Angular Material icon component overview (the page you referenced is exactly where you need to be)
- Look for the section labeled Built-in Icon Library or Available Icons—this features a complete, searchable list of all icon names you can use with
<mat-icon>. - To test any icon in your project immediately, use the component with the icon name as its content, like this:
<mat-icon>dashboard</mat-icon> <mat-icon>notifications</mat-icon> <mat-icon>shopping_cart</mat-icon> - If you’re hunting for icons in a specific category (like navigation, actions, or alerts), the docs typically include filters or categorized sections to help you narrow things down quickly.
A quick tip: Double-check that you’ve properly imported MatIconModule in your Angular module, and haven’t altered the default icon font configuration. By default, Angular Material will automatically load the required Material Design icon font when you use <mat-icon>, so no extra setup steps are needed on your end.
内容的提问来源于stack exchange,提问作者Micky Q




