<!-- @license CC0-1.0 -->

# Icon Button

An icon in a button that can be aligned with text.

## Guidelines

- Choose an Icon Button instead of a regular Button if it must align with text.
  Match the size of the Icon Button to that text.
- Only [functional icons](https://designsystem.amsterdam/?path=/docs/brand-assets-icons--docs#functional-icons) can be used in an Icon Button.
  For other icons, use a [Button](https://designsystem.amsterdam/?path=/docs/components-buttons-button--docs) to allow the user to read its label.
- Icon Button still needs a label to describe the button to users of screen readers.

## Relevant WCAG requirements

The Icon Button follows [the same requirements and guidelines as a regular button](/docs/components-buttons-button--docs).
