# Icons Customization

## Content



Calendar allows you to customize its navigation button icons. It provides you the following properties in the [C1Calendar](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Calendar/C1.WinUI.Calendar.C1Calendar.html) class which can be used to customize the icons in Calendar control.

| **Properties** | **Description** |
| --- | --- |
| [NextIconTemplate](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Calendar/C1.WinUI.Calendar.C1Calendar.NextIconTemplate.html) | Template used to create icons for next button. |
| [PrevIconTemplate](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Calendar/C1.WinUI.Calendar.C1Calendar.PrevIconTemplate.html) | Template used to create icons for previous button. |

The properties mentioned above create icons for navigation buttons of the Calendar control using **DataTemplate** class. The following image displays icons used in the Calendar control for depicting the navigation buttons.

![WinUI Calendar with customized navigation icons](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/calendar-navigation-icon-template.png)

The following code demonstrates how to use the properties listed in the above table to change the navigation icons in the Calendar control using images for the icons.

```xml
<calendar:C1Calendar x:Name="calendar" HorizontalAlignment="Center" VerticalAlignment="Top">  
    <calendar:C1Calendar.PrevIconTemplate>
        <DataTemplate>
            <Image Source="\IconImages\Previous.ico"></Image>
        </DataTemplate>
    </calendar:C1Calendar.PrevIconTemplate>
    <calendar:C1Calendar.NextIconTemplate>
        <DataTemplate>
            <Image Source="\IconImages\Next.ico"></Image>
        </DataTemplate>
    </calendar:C1Calendar.NextIconTemplate>
</calendar:C1Calendar>
```