# Custom Icons

The ExpansionPanel provides the option to customize the icon that indicates the expanded/collapsed state of the component.

You can replace both the expand and collapse icons with icons by your choice by using the [`expandIcon`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/expansionpanelprops#expandIcon) and [`collapseIcon`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/expansionpanelprops#collapseIcon) properties.

The following example demonstrates how both the [Kendo UI for Vue Icons](https://www.telerik.com/kendo-vue-ui-develop/components/styling/icons) and [Kendo UI for Vue SVG Icons](https://www.telerik.com/kendo-vue-ui-develop/components/icons/svgicon/svgicon-list) can be used as expand/collapse icons.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/expansionpanel/icons/source.txt)

## Suggested Links

* [API Reference of the ExpansionPanelProps](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/expansionpanelprops)