---
route: /components/icon
menu: Components
---

import { Playground, Props } from 'docz';
import { Icon } from './Icon.tsx';

# Icon

It displays an icon via `name`, all [Material Icons](https://material.io/resources/icons/?style=baseline) are available.

## Properties

<Props of={Icon} />

## MML string

```xml
<mml>
  <icon name="alarm"></icon>
</mml>
```

## Basic usage

<Playground>
  <MML
    source={`
    <mml>
      <icon name="alarm"></icon>
    </mml>
  `}
  />
</Playground>
