Icons library

[bennymeg]

First of all I most say, great job, I love the new Fluent UI icons.

I had a hard time browsing the massive amount of icons you designed, so I built a website so I could browse the quicker. I most say it ended up quite nice and it updates automatically weekly (only a icon search bar / filter is missing).

Take a look: https://bennymeg.github.io/ngx-fluent-ui/ . If you like, feel free link it along side the markdown document link.

Benny.

[Jay-o-Way]

Looks nice. Can you add the hexadecimal position numbers?

[bennymeg]

Tnx, I'm not sure what are the icons hexadecimal position numbers and where they are used (I am using the svg file names) but if you can point me to them ill take a look.

[mdtauk]

Looks nice. Can you add the hexadecimal position numbers?

I think you mean the Unicode glyph value, and this would be for the font that is outputted by the repo.

It would be good to be able to click on one of the icons, to view a popup showing all the sizes available for the icons

[Jay-o-Way]

I think you mean the Unicode glyph value,

That's what I mean :-)

[mdtauk]

I think you mean the Unicode glyph value,

That's what I mean :-)

[jsdpr15]

hey can anyone provide all icon name with Unicode i want to update it to my project

[mdtauk]

hey can anyone provide all icon name with Unicode i want to update it to my project

https://github.com/microsoft/fluentui-system-icons/blob/master/fonts/FluentSystemIcons-Filled.json https://github.com/microsoft/fluentui-system-icons/blob/master/fonts/FluentSystemIcons-Regular.json

[jsdpr15]

thanks

[bennymeg]

I think you mean the Unicode glyph value, and this would be for the font that is outputted by the repo.

Hmm, I didn't knew it was available as a font too, now it make sense.

It would be good to be able to click on one of the icons, to view a popup showing all the sizes available for the icons

No problem, I will also add the import file name and the hex value as a pop up.

https://github.com/microsoft/fluentui-system-icons/blob/master/fonts/FluentSystemIcons-Filled.json https://github.com/microsoft/fluentui-system-icons/blob/master/fonts/FluentSystemIcons-Regular.json

Thanks, that would be pretty easy now to add it to the icon library site.

[bennymeg]

Added hexadecimal position numbers & search box =]

[jsdpr15]

Sir can I get an list of icons like

Icon(image or icon). Icon name. Unicode

[WildByDesign]

@bennymeg This is absolutely phenomenal. Your layout is well organized and saves a lot of time for anyone working with this icon set. Thank you for creating and sharing this.

[cervonwong]

Hi! This really saves a lot of time as I can search for icons much much faster. But I noticed that some of the newer icons such as 'Animal Cat' which was introduced 20 days ago and 'Drive Train' which was introduced on 3 April have not been added to the website.

Would it be convenient to update the website on each release of the icon set? Thanks

[bennymeg]

I am not planning to update it manually, I wrote a pipeline to update the website automatically every week. Unfortunately, It has a bug and I haven't got the time to take a look at it yet, so that's the reason these icon are missing currently.

[cervonwong]

Thanks for the update. Your web app will certainly boost the convenience of using this icon set. 👍🏻

[tomi-msft]

this is the official website

[Jay-o-Way]

Just wanna say that WinUI 3 Gallery has basically the same thing :)