标签: mat-icon

我有一个 Angular 项目，我试图在其中使用 Angular 材质库。在我的app-routing.module我有这样的代码：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { SndComingSoonPageComponent } from './feature/pages/snd-coming-soon-page/snd-coming-soon-page.component';

const routes: Routes = [
  { path: '', pathMatch: 'full', component: SndComingSoonPageComponent },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}

我正在SndComingSoonPageComponent尝试使用MatIconModule，但无论我在哪里导入它，我仍然无法使用它。

这是我的app.module.ts：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } …

我将自定义图标与带有角度的默认垫子图标一起使用。然而，与我创建的图标相比，垫子图标有点太厚了。

我知道这些图标被视为字体，但是是否可以像更改 svg 的笔划一样更改它？

例子

图标manage_accounts将具有与球体相同的厚度
（我使用class="material-icons-outlined"来获得徽标的轮廓版本）

因此，我有一个现有的乘客详细信息输入字段（姓名、地址、号码、电子邮件）。我想做的是使用添加按钮添加另一个乘客详细信息输入。到目前为止，这是我的按钮代码：

<div class="center">
          <button
          type="button"
          class="next-button"
          mat-flat-button
          matTooltip="Add new passenger"
          matTooltipClass="tooltipClass"
          matTooltipPosition="below"
          (click)=""
        >
          <mat-icon>add</mat-icon>
        </button>