Full Symbol enum to use in Glyph="..."

[WelterDevelopment]

Problem

The FontIconExtension solves only one part of the problem for me. The bigger part is the necessity of finding and typing weird xaml-friendly Glyph strings like  instead of using an enum with an IntelliSense list popping up while typing, analogous to Icon="...".

Proposal

Of course the real solution would be to extend the Microsoft.UI.Xaml.Controls.Symbol enum to include all 1435 Symbols (according to IconFont2Code) from the Segoe Fluent Icons font... Until this happens, extending the FontIconExtension functionality of the CommunityToolkit would be a good workaround.

I propose a new MarkupExtension in the CommunityToolkit.WinUI namespace:

[MarkupExtensionReturnType(ReturnType = typeof(string))]
public partial class FIExtension : MarkupExtension
{
	public FontIconSymbol Symbol { get; set; }

	protected override object? ProvideValue()
	{
		return char.ConvertFromUtf32((int)Symbol);
	}
}

With a new enum containing all possible icons:

public enum FontIconSymbol
{
	GlobalNavButton = 0xE700,
	Wifi = 0xE701,
	Bluetooth = 0xE702,
	Connect = 0xE703,
	InternetSharing = 0xE704,
	// some 1000 more FontIcons 
	ClickSolid = 0xF8AF,
	SettingsSolid = 0xF8B0,
	MicrophoneSolidBold = 0xF8B1,
	SpeechSolidBold = 0xF8B2,
	ClickedOutLoudSolidBold = 0xF8B3,
}

Usage

Then you could use it in xaml:

xmlns:ui="using:CommunityToolkit.WinUI"
<!--...-->
<FontIcon Glyph="{ui:FI Symbol=Play}"></FontIcon>
<AppBarButton Icon="{ui:FontIcon Glyph={ui:FI Symbol=Play}}"></AppBarButton>

Result

Proof of concept (IntelliSense works!):

[michael-hawker]

@WelterDevelopment how is the SymbolIconExtension not sufficient for this scenario? It already uses the Symbol enum. Is it the breadth of options?

Generally, I use the Character Map UWP app (also an open-source project on GitHub) to look up symbols and copy the glyph code copy (and a button for XAML).

[insomniachi]

I use the WinUI3 Gallery > Design Guidance > Iconography to get my icons

[weitzhandler]

Related