mat-icon: mat-icon doesn't fully support outlined, rounded, sharp and two tone

#### Feature Description

Current implementation of `mat-icon` is incomplete, we can only use icons of filled style. We need a way to easily use outlined, rounded, sharp and two tone variant of material icons, something looking like:
```html

```

#### Use Case

Currently, using outlined, rounded, sharp and two tone variant of material icons is really inconvenient. We need to use some workaround, like
```javascript
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");
```
```html
home
```
which is discussed in https://github.com/angular/components/issues/11544, and this method does not make use of `mat-icon`, as it's a general web solution to use oulined icons.

Beginne mit der Überprüfung der aktuellen Implementierung von mat-icon und der zugehörigen Diskussion in Issue 11544. Bestätige, wie gefüllte Icons derzeit ausgewählt werden, und definiere anschließend, wie Varianten mit outlined, rounded, sharp und two-tone über mat-icon verfügbar gemacht werden sollen; als erledigt gilt die Aufgabe, wenn jede angeforderte Variante ohne den dokumentierten CSS-Workaround funktioniert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.