 <p>The default dxSlideOut item template does not support the 'icon' field. So, you can use the <a href="http://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxSlideOut/Default_Item_Template/?version=15_1#menuTemplate" rel="nofollow">menuTemplate</a> option to define icon for a menu item.</p> <pre><code>&lt;div data-options="dxTemplate:{ name:'menuItem' }"&gt; &lt;span data-bind="attr: {'class': 'dx-icon-' + icon}"&gt;&lt;/span&gt; &lt;span data-bind="text: text"&gt;&lt;/span&gt; &lt;/div&gt; </code></pre> <p>I've created a small fiddle here - <a href="http://jsfiddle.net/dfc2ggck/1/" rel="nofollow">http://jsfiddle.net/dfc2ggck/1/</a></p> <p>Also, be sure your icon exists in the <a href="http://js.devexpress.com/Documentation/Guide/Themes/Icon_Library/?version=15_1#Icon_Library" rel="nofollow">DevExtreme Icon Library</a>.</p>