# Add Icon

## Content



Menu supports adding icons to the menu items with a submenu which can be helpful in enhancing the appearance of the control. The [C1MenuItem](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Menu/C1.WinUI.Menu.C1MenuItem.html) class provides [Icon](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Menu/C1.WinUI.Menu.C1MenuItem.Icon.html) property that lets you set the icon for an item in the Menu control.

The following image shows the items of the Menu control with icons.

![Menu items with icons](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/menu-icon.png)

The following code showcases how to set icons for the items of the Menu. This example uses images as icons and these images are available in the MenuExplorer product sample.

```xml
<c1:C1Menu x:Name="WordMenu" Orientation="Horizontal" VerticalAlignment="Top">
    <c1:C1MenuItem Header="File">
        <c1:C1MenuItem Header="New">
            <c1:C1MenuItem Header="Document">
                <c1:C1MenuItem.Icon>
                    <Image Source="../Resources/newFile.png"></Image>
                </c1:C1MenuItem.Icon>
            </c1:C1MenuItem>
            <c1:C1MenuItem Header="Project">
                <c1:C1MenuItem.Icon>
                    <Image Source="../Resources/newProject.png" />
                </c1:C1MenuItem.Icon>
            </c1:C1MenuItem>
        </c1:C1MenuItem>
        <c1:C1MenuItem Header="Open">
            <c1:C1MenuItem Header="Document">
                <c1:C1MenuItem.Icon>
                    <Image Source="../Resources/openFile.png" />
                </c1:C1MenuItem.Icon>
            </c1:C1MenuItem>
            <c1:C1MenuItem Header="Project">
                <c1:C1MenuItem.Icon>
                    <Image Source="../Resources/openProject.png" />
                </c1:C1MenuItem.Icon>
            </c1:C1MenuItem>
            <c1:C1MenuItem Header="Recent Document 1">
            </c1:C1MenuItem>
            <c1:C1MenuItem Header="Recent Document 2">
            </c1:C1MenuItem>
        </c1:C1MenuItem>
        <c1:C1MenuItem Header="Close Solution">
            <c1:C1MenuItem.Icon>
                <Image Source="../Resources/closeSolution.png" />
            </c1:C1MenuItem.Icon>
        </c1:C1MenuItem>
        <c1:C1MenuItem Header="Save">
            <c1:C1MenuItem.Icon>
                <Image Source="../Resources/save.png" />
            </c1:C1MenuItem.Icon>
        </c1:C1MenuItem>
        <c1:C1MenuItem Header="Exit"/>
    </c1:C1MenuItem>
    <c1:C1MenuItem Header="Edit">
        <c1:C1MenuItem Header="Undo">
            <c1:C1MenuItem.Icon>
                <Image Source="../Resources/undo.png" />
            </c1:C1MenuItem.Icon>
        </c1:C1MenuItem>
        <c1:C1MenuItem Header="Redo">
            <c1:C1MenuItem.Icon>
                <Image Source="../Resources/redo.png" />
            </c1:C1MenuItem.Icon>
        </c1:C1MenuItem>
    </c1:C1MenuItem>
    <c1:C1MenuItem Header="Build"></c1:C1MenuItem>
</c1:C1Menu>
```