Skip to content

Add warning for Fluent-only icons not available on Windows 10 #1925

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
niels9001 merged 7 commits into from
Jul 21, 2025
Merged

Add warning for Fluent-only icons not available on Windows 10 #1925

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
e0bb943
Add warning for Fluent-only icons not available on Windows 10
Zakariathr22 Jul 20, 2025
f44cb1e
Update WinUIGallery/Samples/ControlPages/Design/IconographyPage.xaml
Zakariathr22 Jul 20, 2025
ab00a7e
Update WinUIGallery/Samples/ControlPages/Design/IconographyPage.xaml
Zakariathr22 Jul 20, 2025
9273ae7
Remove warning icon from the cards
Zakariathr22 Jul 20, 2025
e42bd9a
Update the warning message and add a tooltip for additional clarity
Zakariathr22 Jul 20, 2025
954ba4a
Merge branch 'feature/icon-warning-win10' of https://github.com/Zakar…
Zakariathr22 Jul 20, 2025
601b19c
Update WinUIGallery/Samples/ControlPages/Design/IconographyPage.xaml
niels9001 Jul 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions WinUIGallery/Models/IconData.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ public class IconData
public string Name { get; set; }
public string Code { get; set; }
public string[] Tags { get; set; } = [];
public bool IsSegoeFluentOnly { get; set; }

public string Character => char.ConvertFromUtf32(Convert.ToInt32(Code, 16));
public string CodeGlyph => "\\u" + Code;
Expand Down
52 changes: 39 additions & 13 deletions WinUIGallery/Samples/ControlPages/Design/IconographyPage.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,7 @@
BorderBrush="{ThemeResource CardStrokeColorDefaultBrush}"
BorderThickness="1"
CornerRadius="{StaticResource ControlCornerRadius}">

<!-- Icon -->
<Viewbox
Width="28"
Expand Down Expand Up @@ -192,19 +193,44 @@
Visibility="Collapsed">
<ScrollViewer>
<StackPanel Margin="16,16,8,16" Spacing="2">
<Border
Margin="0,0,0,24"
Padding="8"
HorizontalAlignment="Left"
Background="{ThemeResource ControlFillColorDefaultBrush}"
BorderBrush="{ThemeResource ControlStrokeColorDefaultBrush}"
BorderThickness="1"
CornerRadius="{StaticResource ControlCornerRadius}">
<FontIcon
FontFamily="{StaticResource SymbolThemeFontFamily}"
FontSize="48"
Glyph="{Binding SelectedItem.Character, Mode=OneWay}" />
</Border>
<Grid Margin="0,0,0,24"
HorizontalAlignment="Stretch">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Border Margin="0,0,8,0"
Padding="8"
HorizontalAlignment="Left"
Background="{ThemeResource ControlFillColorDefaultBrush}"
BorderBrush="{ThemeResource ControlStrokeColorDefaultBrush}"
BorderThickness="1"
CornerRadius="{StaticResource ControlCornerRadius}">
<FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}"
FontSize="48"
Glyph="{Binding SelectedItem.Character, Mode=OneWay}" />
</Border>
<Grid Grid.Column="1"
HorizontalAlignment="Stretch"
Visibility="{Binding SelectedItem.IsSegoeFluentOnly}"
ToolTipService.ToolTip="This icon is only available in Segoe Fluent Icons (the default icon font on Windows 11). On Windows 10, Segoe MDL2 Assets is used by default, so the icon may not appear unless Segoe Fluent Icons is installed.">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<FontIcon FontSize="16"
Margin="0,6,8,0"
Foreground="{ThemeResource SystemFillColorCriticalBrush}"
Glyph="&#xE7BA;"
VerticalAlignment="Top" />
<TextBlock Grid.Column="1"
Margin="0,0,8,0"
Text="Only supported in Segoe Fluent Icons"
TextWrapping="Wrap"
Foreground="{ThemeResource SystemFillColorCriticalBrush}"
VerticalAlignment="Top" />
</Grid>
</Grid>
<TextBlock
Foreground="{ThemeResource TextFillColorSecondaryBrush}"
Style="{StaticResource CaptionTextBlockStyle}"
Expand Down
Loading