Мат-иконка не показывает иконку

Question

Мне нравится дизайн углового материала, но его использование может быть болезненным. На сайте показан пример использования

<mat-icon>home</mat-icon>

Однако, когда я делаю то же самое в своем проекте, я просто вижу текст "home".

Я не вижу, где мне нужно делать что-то кроме импорта MatIconModule.

У кого-нибудь есть подсказка?

Я использую угловой материал v8.0.1. Я также установил материал-дизайн-иконки v 3.0.1. и есть это в моем index.html. (я сделал по одному)

<link rel="stylesheet" href="https://storage.googleapis.com/non-spec-apps/mio-icons/latest/outline.css">

Answer 1

Вам нужно удалить

<link rel="stylesheet" href="https://storage.googleapis.com/non-spec-apps/mio-icons/latest/outline.css">

и изменить на

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

Answer 2

Угловой материал 8.0.1 требует, чтобы значки дизайна материала были включены следующим образом

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

Также вам нужно будет импортировать модуль mat-icon как

import {MatIconModule} from '@angular/material/icon';

Затем в ваш компонентфайл шаблона вы можете использовать

<mat-icon>home</mat-icon>