Icon Buttons

Button components that present simple visual images and symbols (icons) to enable at-a-glace identification of the action that will result when pressed.

Reference: Adapted from https://material.io/guidelines/style/icons.html#icons-system-icons

Icon Buttons

Icons in buttons add clarity to the intention of the button action and help users navigate the application. The icon inherits the button text color. They are best located in app bars, toolbars, action buttons or toggles.

Styled

The color of the icon can be customized via an inline style="color: #fad475;" attribute.

Segmented

A segmented icon button shows a group of options. When the user clicks on one of the options, it stays in a pressed state.

Reference: https://experience.sap.com/webide-guidelines/article/button-segmented/

Third-party Content Disclaimer