Это те же значки, которые были возвращены из квадрата с небольшим количеством волшебства XAML для удаления границ.
Вот как я смог воспроизвести эффект (особый поклон Джеффу Уилкоксу за подсказку, он сделал это сначала с 4-м и мэром):
<Grid Width="150" Height="150">
<Border BorderBrush="#FFFFFFFF" BorderThickness="2">
<Grid Opacity="0.40">
<Image Width="100" Source="https://foursquare.com/img/categories/arts_entertainment/arcade_64.png" HorizontalAlignment="Right" VerticalAlignment="Bottom" />
<!-- create a border with same color as icon background and make borders large enough to cover the border of the icon in the lower right corner -->
<Border BorderBrush="#FFFFFFFF" BorderThickness="60,60,10,10"/>
</Grid>
</Border>
<TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="Microsoft Arcade" VerticalAlignment="Top" Foreground="#FFFFFFFF" FontFamily="Segoe WP Black" Margin="5,0"/>
</Grid>