CODEWITHSUNDEEP
windowsxamlfontsuwpicons
Keven M
Keven M

Reputation: 992

Where to find icons used in Windows 10 Calculator?

Does anybody know where to find the icons used in the Win 10 Calculator app? I know that some of them are in Segoe MDL2 Assets (such as the Calendar icon), but others I can't seem to find at all. The icons I'm referring to are the ones in the NavigationMenu, such as those next to Scientific, Currency, Volume, etc. I've included an image below of the Calculator menu for reference.

I know NavigationViewItem has an Icon property, and that property can hold any Icon type (FontIcon, SymbolIcon, etc), I just can't figure out what they used to display these icons.

XAML Options:

<!--Normal Icon-->
<NavigationViewItem Content="Standard" Icon="Calculator" />

<!--FontIcon-->
<NavigationViewItem Content="Volume">
    <NavigationViewItem.Icon>
        <FontIcon Glyph="&#xED5E;" FontFamily="Segoe MDL2 Assets" />
    </NavigationViewItem.Icon>
</NavigationViewItem>

Image:

Snip of Calculator <code>NavigationMenuItems</code>

Upvotes: 0

Views: 1879

Answers (2)

Johnny Westlake
Johnny Westlake

Reputation: 1460

All the icons are in here: https://github.com/Microsoft/calculator/blob/master/src/Calculator/Assets/CalcMDL2.ttf

If you're running the October 2018 update or over, drag the font into an app like https://www.microsoft.com/en-gb/p/character-map-uwp/9wzdncrdxf41?activetab=pivot:overviewtab to preview the characters and get the correct XAML needed to display it.

(Segoe MDL2 Assets font is actually just a subset of common MDL2 Assets, and many Microsoft apps have their own variants. With a bit of smart searching, you can also find the not-public "Full MDL2 Assets" font that has ALL the icons in it.)

Upvotes: 1

Xie Steven
Xie Steven

Reputation: 8621

MS calculator now is open source, you could get all source code and relevant resource from github: https://github.com/Microsoft/calculator

Upvotes: 1

Related Questions