---
title: Switch icon
description: The Switch Icon component is used to create a transition between two icons. You can use any icon, both line and filled version.
banner: icons
---
## Default markup
To replace the icons, all should add `active` class to the `switch-icon` component.
```html code example centered
```
## Switch animations
You can also add a fancy animation to add variety to your button. See demo below:
```html example code centered separated
```