UWP: icon size in application bar / command bar

What icon sizes should be used for application bar / command bar ?

I could not find something in the Recommendation for tile elements and icons or in the Visual assets of the UWP application .

Other names: navigation bar (iOS), application bar / action bar (Android), toolbar (Xamarin.Forms)

+2
source share
1 answer

Image size

20 100% , , , :

appbaricon.scale-100.png - 20 px
appbaricon.scale-125.png - 25 px
appbaricon.scale-150.png - 30 px
appbaricon.scale-200.png - 40 px
appbaricon.scale-400.png - 80 px

XAML CommandBar AppBarButton :

 <CommandBar>
     <AppBarButton>
         <AppBarButton.Icon>
             <BitmapIcon UriSource="/Assets/Sample.png" />
         </AppBarButton.Icon>
     </AppBarButton>
 </CommandBar>

, BitmapIcon Live Visual Tree Visual Studio Live Property Explorer:

enter image description here

, 20 . , .

, Segoe UI Symbol, AppBarButton.

- , ,

+2

Source: https://habr.com/ru/post/1629919/


All Articles