CODEWITHSUNDEEP
uwpwin-universal-app
Travis Liew
Travis Liew

Reputation: 797

W10 UWP CompactOverlay button icon

Can't figure out what the Segoe MDL2 icon used for CompactOverlay (Picture in Picture) mode is. See example picture below. Anyone have any ideas?

CompactOverlay button example

Thanks!

Upvotes: 0

Views: 578

Answers (2)

Venz
Venz

Reputation: 1

They use different font called "SegMVR2.ttf". I took it here:

C:\Program Files\WindowsApps\Microsoft.ZuneVideo_10.17092.13511.0_x64__8wekyb3d8bbwe\Resources\Fonts

Then, in XAML i used this markup:

<AppBarButton>
    <AppBarButton.Icon>
        <FontIcon FontFamily="ms-appx:/Resources/Fonts/SegMVR2.ttf#Segoe MVR MDL2 Assets" Glyph="&#xF15E;"/>
    </AppBarButton.Icon>
</AppBarButton>

Upvotes: 0

Henrik R.
Henrik R.

Reputation: 46

I don't think that symbol is in the font, but it can be synthesized by layering two symbols (E7FB and EB9F). Something similar to this:

<Grid>
    <TextBlock HorizontalAlignment="Left"
                VerticalAlignment="Top"
                Margin="10"
                FontFamily="Segoe MDL2 Assets"
                FontSize="15">&#xE7FB;</TextBlock>
    <TextBlock HorizontalAlignment="Left"
                VerticalAlignment="Top"
                Margin="16,12,0,0"
                FontFamily="Segoe MDL2 Assets"
                FontSize="6  ">&#xEB9F;</TextBlock>
</Grid>

Upvotes: 3

Related Questions