Transform to close (default)

Transform to arrow

Active

With text

You need to set padding left or right.

Don't transform on click

With custom style and sizes

The icon is sized using ems, so all the icon elements are scaled proportionally when you set the icon height. You can use a size in pixels or the inherit keyword to use the button font size.

The icon color is the same as the button text color.