Edit in JSFiddle

new kendo.mobile.Application($(document.body), {
    useNativeScrolling: true,
    skin: 'flat'
});

<div data-role="view">
  <ul class="icons">
    <li>
<span data-role="button" data-icon="about"></span>about</li>
    <li>
<span data-role="button" data-icon="action"></span>action</li>
    <li>
<span data-role="button" data-icon="add"></span>add</li>
    <li>
<span data-role="button" data-icon="bookmarks"></span>bookmarks</li>
    <li>
<span data-role="button" data-icon="camera"></span>camera</li>
    <li>
<span data-role="button" data-icon="cart"></span>cart</li>
    <li>
<span data-role="button" data-icon="compose"></span>compose</li>
    <li>
<span data-role="button" data-icon="contacts"></span>contacts</li>
    <li>
<span data-role="button" data-icon="delete"></span>delete</li>
    <li>
<span data-role="button" data-icon="details"></span>details</li>
    <li>
<span data-role="button" data-icon="downloads"></span>downloads</li>
    <li>
<span data-role="button" data-icon="fastforward"></span>fastforward</li>
    <li>
<span data-role="button" data-icon="favorites"></span>favorites</li>
    <li>
<span data-role="button" data-icon="featured"></span>featured</li>
    <li>
<span data-role="button" data-icon="globe"></span>globe</li>
    <li>
<span data-role="button" data-icon="history"></span>history</li>
    <li>
<span data-role="button" data-icon="home"></span>home</li>
    <li>
<span data-role="button" data-icon="info"></span>info</li>
    <li>
<span data-role="button" data-icon="more"></span>more</li>
    <li>
<span data-role="button" data-icon="mostrecent"></span>mostrecent</li>
    <li>
<span data-role="button" data-icon="mostviewed"></span>mostviewed</li>
    <li>
<span data-role="button" data-icon="organize"></span>organize</li>
    <li>
<span data-role="button" data-icon="pause"></span>pause</li>
    <li>
<span data-role="button" data-icon="play"></span>play</li>
    <li>
<span data-role="button" data-icon="phone"></span>phone</li>
    <li>
<span data-role="button" data-icon="recents"></span>recents</li>
    <li>
<span data-role="button" data-icon="refresh"></span>refresh</li>
    <li>
<span data-role="button" data-icon="reply"></span>reply</li>
    <li>
<span data-role="button" data-icon="rewind"></span>rewind</li>
    <li>
<span data-role="button" data-icon="search"></span>search</li>
    <li>
<span data-role="button" data-icon="settings"></span>settings</li>
    <li>
<span data-role="button" data-icon="share"></span>share</li>
    <li>
<span data-role="button" data-icon="sounds"></span>sounds</li>
    <li>
<span data-role="button" data-icon="stop"></span>stop</li>
    <li>
<span data-role="button" data-icon="toprated"></span>toprated</li>
    <li>
<span data-role="button" data-icon="trash"></span>trash</li>
    <li>
<span data-role="button" data-icon="volume"></span>volume</li>
    <li>
<span data-role="button" data-icon="wifi"></span>wifi</li>
</ul>
    </div>

.icons li{
  list-style:none;
}

.icons li{
  float:left;
  margin:15px;
  text-align:center;
}

.icons li span{
  display:block;
}