fluentui-system-icons VS feather

Try downloading the source code of this.. You'll find the SVG folder, which contains the icons.

You can find them as a font preinstalled with Windows 11 (I suggest installing UWP Character Map to copy the icons from there) called Segoe Fluent Icons, you can also find another font for fluent icons here: https://github.com/microsoft/fluentui-system-icons

The icon font is Segoe Fluent icons which comes bundled with Windows 11, you can view and copy the icons in it using UWP Character Map. There are also more fluent icons in Fluent System Icons which you can find here: https://github.com/microsoft/fluentui-system-icons

But there are numerous free Icons, also beside UTF-8 - e.g. I would prefer something like this: https://icon-sets.iconify.design/fluent/calendar-today-28-regular/ (MIT-Licence https://github.com/microsoft/fluentui-system-icons/blob/master/LICENSE) - you can use e.g. the svg.

You can find Windows and MS Office icons in these websites: - https://fluenticons.co/ - https://docs.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font - https://uifabricicons.azurewebsites.net/ - https://github.com/microsoft/fluentui-system-icons

So your best bet is to check out the SVG icons from the open source variant of their font fluent-ui-system-icons assets (github) . Their you can view the source blob of an icon copy it and change the fill color.

These are the icons we were using before, hope this helps https://github.com/microsoft/fluentui-system-icons

Feather Icons

Feather - A collection of simply beautiful open source icons with an emphasis on simplicity, consistency and readability.

In this article, we’ll walk you through using Feather-inspired animated icon libraries in React applications and guide you through setting up a React project, adding and customizing icons using various libraries, and handling common issues like double rendering.

Feather – Simply beautiful open source icons (feathericons.com)

Select the Icon Theme. Blueprint is the default for Roam Research. Roam Studio provides Feather Icons.

Feather icons

As for the icons, grab 'em at Feather or SVGRepo

Icons: Feather and SVGRepo Wallpaper: Backdrops Slideshow (showcased) images: Various sources. (comment down below so that I can track 'em down)

Icons (references): https://feathericons.com/ | https://svgrepo.com/ Wallpaper: Backdrops Slideshow (showcased) images: Various sources (Mostly from Pinterest and Twitter)