[Feature] IconExtensions should use Segoe Fluent Icons font

[huynhsontung]

Describe the problem

Icon extensions currently use "Segoe MDL2 Assets" by default and in SymbolIconExtension case, the font family is hardcoded. This limits the ability to use the new Segoe Fluent Icons that are available on Windows 11.

Describe the solution

TextIconExtension should use "Segoe Fluent Icons" font family by default and only use "Segoe MDL2 Assets" as fallback font.

Rename TextIconExtension.SegoeMDL2AssetsFontFamily to TextIconExtension.SymbolThemeFontFamily

Alternatives

Pass in SystemThemeFontFamily resource at every use site. This makes the XAML file verbose and hard to read. It also does not work with SymbolIcon.

<ToggleMenuFlyoutItem Icon="{toolkit:FontIcon FontFamily={StaticResource SymbolThemeFontFamily}, Glyph=&#xEE49;}" />

Additional info

No response

Help us help you

Yes, I'd like to be assigned to work on this item.

Hello, 'huynhsontung! Thanks for submitting a new feature request. I've automatically added a vote 👍 reaction to help get things started. Other community members can vote to help us prioritize this feature in the future!