Skip to content

Icon

Jump to bottom
Andrew Sutton edited this page Dec 27, 2024 · 3 revisions

image

Fui.icon.zoomFitFilled [
    icon.size.``48``
    icon.primaryFill Theme.tokens.colorNeutralForeground2BrandPressed
]

Advanced Usage

You can use Fui.icon.import import a specific FluentUI Icon by name. This is useful when there's an Icon that is in the TS docs but is not yet in FS.FluentUI.

checkbox.indicator (Fui.icon.import "AlignStartHorizontalRegular" [])

Please see https://react.fluentui.dev/?path=/docs/icons-catalog--docs for all FluentUI icons.
WARNING: Mispelling the iconName or passing an iconName that doesn't exist in the library will cause a runtime error.

Clone this wiki locally