fluentui-system-icons
fluentui-system-icons copied to clipboard
Fluent should have an online library catalog for icons
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.
have fun https://uifabricicons.azurewebsites.net/
have fun https://uifabricicons.azurewebsites.net/
Those are the older MDL2 icons, and not the newer Fluent UI System Icons
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.
By the way, this seems like a duplicated issue: https://github.com/microsoft/fluentui-system-icons/issues/31
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 ?
Have a look at https://fluenticons.co/ which provides performance, search as well as a light and dark theme switch.
https://fluenticons.co
Great job @fayazara :)
https://github.com/fayazara/fluenticons
Thanka @danielweck. Here's a v2 I have been working on the weekends. Will release it soon.
https://fluenticons.pages.dev/
this is the official page