Classic Icon Button

A button with an icon and optional label, suitable for toolbars and actions.

When to use it

- Primary or secondary actions (Add, Edit, Delete, etc.)

- Toolbars and command bars

- When space is limited and an icon + short label works better than text alone

How to paste YAML into Power Apps

1. Copy the YAML from the Copy YAML button (Safe or Advanced).

2. In Power Apps, open your app and add or select a screen.

3. Insert a Button control (or replace an existing one).

4. In the button’s YAML / Advanced property (or via Edit YAML where supported), paste the copied YAML.

5. Adjust the button’s position and size on the canvas as needed.

Color Source

- Theme Tokens: Uses your app theme (e.g. BrandPrimary, TextPrimary). Best for consistent branding.

- Custom Colors: Set fill, text, and border colors manually with pickers and hex values. Use when you need a fixed color that is not from the theme.

Notes and limitations

- Icon name must be a valid Power Apps icon (e.g. Icon.Add, Icon.Edit).

- Some older app versions may not support full YAML; use Safe mode if you see errors.

Example snippet

Icon: Icon.Add
Content: "Add"
  As: label
Fill: RGBA(255,255,255,1)
IconFill: RGBA(37,99,235,1)
Height: 40
Width: 120
Radius: 8