Dnn menus can populate with icons when the icons are set from the admin area.  But sometimes you might want to not show the icons even when the icons are set for the pages. You want complete control from the css within the skin itself.

Here how you can achieve this.

1. Set the Property of dnnMenu CssIcon as example below.

<dnn:NAV runat="server" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false"

ControlOrientation="Horizontal" CSSNodeRoot="main_dnnmenu_rootitem" CSSNodeHoverRoot="main_dnnmenu_rootitem_hover"

CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected" CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected"

CSSContainerSub="main_dnnmenu_submenu" CSSNodeHoverSub="main_dnnmenu_itemhover"

CSSNodeSelectedSub="main_dnnmenu_itemselected" CSSContainerRoot="main_dnnmenu_container"

CSSControl="main_dnnmenu_bar" CSSIcon="main_dnnmenu_icon" CSSNode="main_dnnmenu_bar" CSSBreak="main_dnnmenu_break" />

2. Now the wirte css for the class as shown as below.

.main_dnnmenu_icon
{

display:none;

}

Using this technique you can hide the icons of the dnn menu using css properties.