How to use Google's material symbols in MudNavGroup ?

[MBNSoftware]

Hello,

I would like to use some of the icons found here : https://fonts.google.com/icons?icon.size=24&icon.color=%235f6368&icon.set=Material+Symbols

I have put the needed info in app.razor :
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />

And the following code does indeed show the database icon :
<span class="material-symbols-outlined">database</span>

But I can't find a way to use such icon in the NavGroup parameters :(

What should I write instead of the "???" in the following code ?
<MudNavGroup Title="Database" Icon="???" Expanded="false">

Any help would be welcome !
I have a feeling that it's going to be something simple and that I'm going to look like an idiot... But I just can't find at the moment :(

Regards,
Christophe

[MBNSoftware]

Just to make it clear : I know how to use such icons using SVG format :

<MudNavGroup Title="Tables" Icon="@svgDatabase" Expanded="false">

@code {
public const string svgDatabase = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#5f6368\"><path d=\"M480-120q-151 0-255.5-46.5T120-280v-400q0-6 (path cut)";
}

My question is more about using the style sheet provided by Google the same way (or similar) we can do with FontAwesome :

<MudNavGroup Title="Tables" Icon="fa-solid fa-database" Expanded="false">

If it's possible, of course.

Regards,
Christophe

[ScarletKuro]

Hi.
This is not supported scenario as there is no way to pass the "database" part and this is the important part for it to work.

[MBNSoftware]

Thank you !

Too bad, but that's life ;)

Regards,
Christophe

[ScarletKuro]

It might be supported in future if this gets accepted #9026