Outlined (regular) Fluent icons

The regular style is the outlined version of each Fluent UI System Icon: line-based drawings on a 24 px grid, with open shapes that keep toolbars and navigation light. Microsoft calls this style "Regular". In @fluentui/react-icons the components end in 24Regular (for example Home24Regular).

Regular icons are a good default for buttons, menus and sidebars. Pair them with the filled icons to show a selected or active state. Read the filled vs. regular guide for more patterns, or browse every icon A–Z.