CODEWITHSUNDEEP
angularangular-materialmaterial-design
Erick Zanetti
Erick Zanetti

Reputation: 509

Change theme in mat-icon for Outlined

I use <mat-icon>person</mat-icon> and have a result: enter image description here

I need the icon on theme Outlined: enter image description here

How do to do it ?

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

Upvotes: 9

Views: 8774

Answers (2)

docb45
docb45

Reputation: 304

After dealing with the same issue I found that thankfully this now works...

First, add the outlined icons to your import using "|" to separate...

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

Then add the class to your mat-icon...

<mat-icon class="material-icons-outlined">person</mat-icon>

Upvotes: 21

G. Tranter
G. Tranter

Reputation: 17918

<mat-icon>person_outline</mat-icon>

https://material.io/tools/icons/?search=person_outline&icon=person_outline&style=outline.

Upvotes: 5

Related Questions