[UX] New icon

[niels9001]

Description

This PR adds the new WinUI Gallery icon, that is part of the new WASDK/WinUI icon family.

• Updated the tile/icon assets with the new logo.
• Updated the readme with new images, and added a screenshot to the readme, so new developers understand what the app would look like
• Updated the "Getting started" icon with the new WinUI logo: it is about Getting started with WinUI after all, so having the WinUI logo there makes much more sense!

Screenshots (if appropriate):

[Jay-o-Way]

Maybe this icon should be used for this repo too

[Jay-o-Way]

Here you add the "3" to the app name in ReadMe, and in #1660 you specifically remove it. What's the full name?

[marcelwgn]

Thank you for updating our icon! It seems that our readme links are now broken so I'm holding off on approving this until we find the issue.

P.S: Thank you for removing the old images

[karkarl]

/azp run

[karkarl]

Wondering why we need 5 million versions of the icon in the repo and .csproj? :)

[niels9001]

Wondering why we need 5 million versions of the icon in the repo and .csproj? :)

This is the output from the design file. It ensures that the icon is crisp on every DPI/resolution combo.

When using the tool in the Package manifest, it generates different files from a single image, and as a result, the icon isn't as crisp.

If only we could just set an .ico or .svg 🫠

[Jay-o-Way]

@niels9001 I think there's an issue with the icon in the top-left of the window. The file BadgeLogo (at 100%) is 24×24 pixels. In the XAML, the icon is scaled to 18px. This makes it unsharp.