fluentui-system-icons Fluent should have an online library catalog for icons

Fluent should have an online library catalog for icons

Open prysmanta opened this issue 3 years ago • 8 comments

Fluent should have an online library catalog for icons much like https://material.io/resources/icons to guide people on how to use fluent in their apps for both desktop and mobile as I have noticed the use of them in the Microsoft Teams Electron App.

Feb 27 '21 04:02 prysmanta

have fun https://uifabricicons.azurewebsites.net/

Mar 01 '21 06:03 jeremy-coleman

have fun https://uifabricicons.azurewebsites.net/

Those are the older MDL2 icons, and not the newer Fluent UI System Icons

Mar 01 '21 22:03 mdtauk

Indeed, it would be nice to be able to browse the huge icon collection easily, with textual search, preview in different sizes / stroke width, light/dark mode support, custom CSS color + fill, etc.

A few examples come to mind:

Feather icons https://feathericons.com (even the stroke width can be adjusted)
Heroicons (TailwindCSS) https://heroicons.com
CSS GG: https://css.gg/app
Bootstrap icons (Twitter) https://icons.getbootstrap.com
Octicons (GitHub) https://octicons-primer.vercel.app/octicons
Ionic icons https://ionicons.com
Material Design icons (Google) https://material.io/resources/icons and https://materialdesignicons.com (third party)
FontAwesome icons https://fontawesome.com/icons
Maki icons (MapBox) https://labs.mapbox.com/maki-icons/editor/
Simple Icons https://simpleicons.org
Teeny icons https://teenyicons.com
Tabler icons https://tabler-icons.io
Open Iconic https://useiconic.com/open
Evil icons https://evil-icons.io
Remix icons https://remixicon.com
Bytesize icons https://danklammer.com/articles/svg-stroke-ftw/#give-it-a-spin
...so many more :)

Related issue (GitHub markdown, poor contrast in dark mode): https://github.com/microsoft/fluentui-system-icons/issues/152 )

EDIT this exists: https://jamesblasco.github.io/fluentui-system-icons ... but unfortunately the browsing performance is abysmal last time I tried (i.e. one minute ago). I am using Firefox.

Mar 18 '21 12:03 danielweck

By the way, this seems like a duplicated issue: https://github.com/microsoft/fluentui-system-icons/issues/31

Mar 18 '21 12:03 danielweck

I always love to check https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font when I'm searching for an icon. Is that what you mean in this request, @prysmanta ?