lso be used responsively! In the below code example, the menu bar's icons are top-aligned on small screens, and left-aligned on large screens.</p>

<hljs>
<ul class="icon-top large-icon-left menu-bar">
  <li><a href="#"><img zf-iconic icon="thumb" size="small" class="iconic-color-primary">Thumbs Up</a></li>
  <li><a href="#"><img zf-iconic icon="thumb" size="small" class="iconic-color-primary">Like</a></li>
  <li><a href="#"><img zf-iconic icon="thumb" size="small" class="iconic-color-primary">Bro!</a></li>