Yuchen
Yuchen

Reputation: 33036

What's the proper size of a custom AppBarButton image

In stead of using the default symbol icons from Microsoft, I want to create some custom icons. Then I read upon this which explains how to achieve this.

<AppBarButton Label="BitmapIcon" Click="AppBarButton_Click">
    <AppBarButton.Icon>
        <BitmapIcon UriSource="ms-appx:///Assets/globe.png"/>
    </AppBarButton.Icon>
</AppBarButton>

The above is working great. But my question is: what should the size of the icon image be (in this case globe.png)?

Upvotes: 0

Views: 73

Answers (1)

Romasz
Romasz

Reputation: 29792

The answer to your question you can find at MSDN:

Icon images should be 48 x 48 pixels in size. The foreground graphic for the button should fit in a 26 x 26 area in the center of the image so that it does not overlap the circle.

Microsoft also published PSD files for assets - the link stands for Windows Phone 8 assets, but as far as I know the appbarbutton's icon hasn't changed.

Upvotes: 1

Related Questions