Place vector icons anywhere using an icon font. They are scalable vector graphics, which means that they look great on high-resolution displays. To apply this component, add any .icon-*
class to an <i>
or <span>
element. Et voilĂ , you have a vector icon.
.icon-cog
class.icon-user
class.icon-home
class<!-- This is an icon --> <i class="icon-cog"></i> <!-- This is an icon too --> <span class="icon-cog"></span> <!-- This is an icon in a link --> <a href=""><i class="icon-cog"></i> Link</a>