fluentui-system-icons icon indicating copy to clipboard operation
fluentui-system-icons copied to clipboard

Discussion: Is there a plan for Coloured Icons for FluentUI Icons?

Open mdtauk opened this issue 3 years ago • 3 comments

I know, I know, obligatory "Apple is doing something so shouldn't Microsoft..." But there are some things to consider.

https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/ image

Apple's v3 of their SF Symbols icons/iconfont project has added more colour layers for their icons.

At present, Fluent UI System Icons are monocoloured. But Office and Visual Studio currently do, or plan to, adopt icons with colours. So is there a need to add some consideration to how the icons work with colour?

Apps

image

image

Apps used a layered and geometric Icon style with colour and gradient. These are typically separate from the monolined icons, but in sympathy with their design. (both coming from a Fluent Design ethos)

But Office and Visual Studio has a middle ground, colour whilst still monoline. image

image

mdtauk avatar Jun 07 '21 19:06 mdtauk

TL;DR; We're looking at ways to provide multicolor icons.

spencer-nelson avatar Jun 07 '21 20:06 spencer-nelson

Just to share what the "competition" are doing lol

Apple's SF Symbols will support Monochrome, Hierarchical, and Palette "render modes" for their icons.

image

Monochrome and Hierarchical take a single foreground colour, and applies tints image

Palette applies a colour to each "layer" image image

EDIT: There is also a Multicolor mode... image I think these are preset colours applied to some icons

mdtauk avatar Jun 09 '21 16:06 mdtauk

Any news on this point ? Can we expect this feature one day ?

YBAZAN avatar Aug 19 '21 13:08 YBAZAN