Icon control

A control used to display Fluent UI icons.

Description

This control renders Fluent UI icons based on the name. You can use it to easily create an icon button and action button with custom styling.

For a list of icons, go to Fluent UI icons.

Key properties

Property	Description
ItemIconName	The Fluent UI icon to use (see Fluent UI Icons)
IconType	Renders the icon as types Action button, Icon button, or Icon only
IconSize	The size of the icon (pixels)
Text	Text displayed (works for type Action button)
TextAlignment	Position of the text (works for types Action button and Icon only)
Tooltip	Text displayed in a tooltip when the user hovers over the icon.

Additional properties

Property	Description
FontSize	Size of the font (works for type Action button)
IconColor	Color of the icon
HoverIconColor	Color of the icon that appears on hover
FontColor	Color of the font
HoverFontColor	Color of the font that appears on hover
FillColor	Color of the background fill of the icon (works for types Action button and Icon button)
HoverFillColor	Color of the fill that appears on hover (works for types Action button and Icon button)
BorderColor	Color of the border of the icon (works for types Action button and Icon button)
HoverBorderColor	The color of the border that appears on hover
BorderRadius	Roundness of the corners (works for types Action button and Icon button)
Theme	Accepts a JSON string that is generated using Fluent UI Theme Designer (windows.net). Leaving this blank will use the default theme defined by Power Apps. See theming for guidance on how to configure.
AccessibilityLabel	Screen reader aria-label
InputEvent	An event to send to the control.

Behavior

• Supports SetFocus as an InputEvent.

Limitations

This code component can only be used in canvas apps and custom pages.