How to use private icons instead of public icons in controls that support icons?

[6get-xiaofan]

The desired icon cannot be found in the list of supported icons. How to make the control support private icons?

[pomianowski]

Hi @6get-xiaofan, you can add a new font like Font Awesome and use it in FontIcon.

1. Add the font file in TTF format as the resource of your application.

<ItemGroup>
    <Resource Include="Fonts\FontAwesome.ttf" />
</ItemGroup>

2. Add the font as a resource for the controls.

<Application
    ...>
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ui:ThemesDictionary Theme="Dark" />
                <ui:ControlsDictionary />
                <FontFamily x:Key="FontAwesomeFont">pack://application:,,,/;component/Fonts/#Font Awesome</FontFamily>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

3. In the FontIcon, indicate that you want to use this font.

<ui:FontIcon
    FontFamily="{DynamicResource FontAwesomeFont}"
    Glyph="&#xe00b;" />

[6get-xiaofan]

As shown in the figure, I want to change the icons here to other icons. How to set them? Thank you.

I made an icon ttf myself