Change app icon to match new Fluent-Design style Windows icons

[widersky]

I think that the application should get a new icon, matching the new style of Windows icons.

[FrayxRulez]

I am not sure about which style you’re referring to.
By the way, I’m the only one working on this project and I’m not a designer...

[widersky]

I wasn't able to upload image for some reason, but I thinking about this style: https://imgur.com/a/8WZLBxI

If you specify requirements regarding format, size of UWP icons, I can create some suggestions :)

[MarcAnt01]

@FrayxRulez They're replacing monochrome assets for icons with colored icons like in Android/iOS ones

[FrayxRulez]

I see, but we need a designer for that!

[widersky]

@FrayxRulez - I'm an designer (and developer too, but JS focused). As I wrote, if you specify requirements of UWP icons, I can create some suggestions.

[FrayxRulez]

I have no clues about the requirements for UWP icons. But the logo should definitely keep the current shape.

[widersky]

Of course it should :)

[mintkii]

I've made a few concepts for potential icons that may or may not be good for use. I've got 2 variations and one Office 365 clone.



(yes I am aware there are some clipping issues with the pngs I'm sorry)

[widersky]

@mintykii IMO third one looks promising. First and second looks too "Skypey" for me. Anyway, my idea was make current icon colorful without doing anything else. But as I said, third one looks good, BUT (:D) I think app logo should be bigger.

[framctr]

I'm not a designer, but I think that dividing the current logo in two parts (wings) with two similar color is enough.
See Microsoft ToDo logo as reference here or the '>' in Windows Terminal logo here.

[widersky]

My proposal:

[MarcAnt01]

My proposal:

I like it, how would it look with dark taskbar?

[widersky]

@MarcAnt01

[MarcAnt01]

@MarcAnt01

Thanks, I like the icon. Anyway, most of Microsoft apps still have a monochrome color. I don't know if it worths to change it

[widersky]

@MarcAnt01

It worths, many new system/apps icons are on the way: https://medium.com/microsoft-design/the-ripple-effect-expanding-our-icon-design-system-74b4d916b7a4

[nor0x]

Hi folks 👋
i would also share my idea for a fluent icon for unigram. i tried separating the logo into various parts ( @scriptfx) and added some fluent design elements and the original telegram gradient to it.

let me know what you think, i'm happy to share my design assets

[FrayxRulez]

Hi @nor0x! I actually like the icon, but I'm not a big fan of this part:

Did you try to design a plated version as well? (So with a blue ellipse as a background for the white plane)

[nor0x]

Hi @FrayxRulez thanks for the reply! Here are some plated versions - but i will look into the overlapping part of the plane again

[SOI7]

Hi folks 👋
i would also share my idea for a fluent icon for unigram. i tried separating the logo into various parts ( @scriptfx) and added some fluent design elements and the original telegram gradient to it.

let me know what you think, i'm happy to share my design assets

I like where this is going. I kinda prefer the icon without the circle (especially since the circle is used by the actual Telegram app and it would be better to differentiate them). The only thing that bugs me is that little white triangle, could you try making the lower blue "wing" fill that space, so that the icon is composed of just two overlapping blue wings that form the current logo?

[nor0x]

I like where this is going. I kinda prefer the icon without the circle (especially since the circle is used by the actual Telegram app and it would be better to differentiate them). The only thing that bugs me is that little white triangle, could you try making the lower blue "wing" fill that space, so that the icon is composed of just two overlapping blue wings that form the current logo?

Hi all, thanks for the feedback. Here is a version without the white triangle thingy

[MarcAnt01]

I like where this is going. I kinda prefer the icon without the circle (especially since the circle is used by the actual Telegram app and it would be better to differentiate them). The only thing that bugs me is that little white triangle, could you try making the lower blue "wing" fill that space, so that the icon is composed of just two overlapping blue wings that form the current logo?

Hi all, thanks for the feedback. Here is a version without the white triangle thingy

I love this one, I just prefer the color to be uniform without this line in the middle.

[nor0x]

I love this one, I just prefer the color to be uniform without this line in the middle.

thanks for your feedback - here is a version without the overlap. I created the overlapping wings because most icons in the Fluent Design system consist of two or more different parts which are most of the time separated by shadows

[widersky]

Looking great :)

[MarcAnt01]

@nor0x can you send the SVG to me at https://t.me/MarcAnt01 ?

[FrayxRulez]

So that's it: