SVG
<img data-src="compass.svg" class="iconic iconic-sm" alt="compass">
<img data-src="compass.svg" class="iconic iconic-md" alt="compass">
<img data-src="compass.svg" class="iconic iconic-lg" alt="compass">
Default Icon Font
<span class="iconic iconic-sm" data-glyph="compass" title="compass" aria-hidden="true"></span>
<span class="iconic iconic-md" data-glyph="compass" title="compass" aria-hidden="true"></span>
<span class="iconic iconic-lg" data-glyph="compass" title="compass" aria-hidden="true"></span>
Bootstrap Icon Font
<span class="iconic iconic-compass iconic-sm" title="compass" aria-hidden="true"></span>
<span class="iconic iconic-compass iconic-md" title="compass" aria-hidden="true"></span>
<span class="iconic iconic-compass iconic-lg" title="compass" aria-hidden="true"></span>
Foundation Icon Font
<span class="fi-compass iconic-sm" title="compass" aria-hidden="true"></span>
<span class="fi-compass iconic-md" title="compass" aria-hidden="true"></span>
<span class="fi-compass iconic-lg" title="compass" aria-hidden="true"></span>