# Icon Toggles

import from **rmwc/IconToggle**  
[https://material.io/components/web/catalog/buttons/icon-toggle-buttons/](https://material.io/components/web/catalog/buttons/icon-toggle-buttons/)

```jsx render
import { IconToggle } from 'rmwc/IconToggle';

<IconToggle
  on={{label: 'Remove from favorites', content: 'favorite'}}
  off={{label: 'Add to favorites', content: 'favorite_border'}}
/>
```

```jsx renderOnly
import { DocumentComponent } from 'rmwc/Base/utils/DocumentComponent';
import { IconToggle } from 'rmwc/IconToggle';

<DocumentComponent component={IconToggle} displayName="IconToggle" />
```