---
fdRelatedComponents:
  - fd-identifier
---

# Identifier

Identifier is a way to visually present something using an icon or user initials.

::: tip

Include `aria-label` when there is no text equivalent for the identifier. This is not necessary if the identifier is used for illustrative purposes only.

:::

<d-example name="types">
</d-example>

## Accent Colors

<d-example name="accent">
</d-example>


## Identifier Sizes

There are multiple sizes:

- Extra Extra Small: `size="xxs"`
- Extra Small: `size="xs"`
- Small: `size="s"`
- Medium: `size="m"`
- Large: `size="l"`
- Extra Large: `size="xl"`
- Extra Extra Large: `size="xxl"`

Use the `size`-prop to specify the size you want.

<d-example name="sizes">
</d-example>