ook" style="font-size: 2rem;"></span>Facebook</a></li>
  <li><a href="https://github.com/zurb/foundation-apps"><span class="fi-social-github" style="font-size: 2rem;"></span>GitHub</a></li>
</ul>

<br>

<p>By default, the icon is positioned above the text. However, this can be changed by adding the classes <code>icon-left</code>, <code>icon-right</code>, or <code>icon-bottom</code> to the menu bar container.</p>

<hljs>
<ul class="icon-left primary menu-bar">
  <li><a href="#"><img zf-iconic icon="thumb" si