# UI Icons

MStore includes 2 main packs of font icons:

- Fetaher Icons - for user interface.
- Flaticon Icons - for social network links.

###### Adding Feather Icons:

List of Feather Icons

    <i data-feather="iconName"></i>

###### Adding Social (Flaticon) Icons:

List of Social Icons

    <a href="#" class="social-btn sb-brandName">
      <i class="flaticon-brandName"></i>
    </a>

    <!-- Social Icon -->
    <a class="social-btn sb-style-1 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
      <i class="socicon-facebook"></i>
    </a>

    <!-- Social Icon Light Skin -->
    <a class="social-btn sb-style-1 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
      <i class="socicon-facebook"></i>
    </a>

    //- Social Icon
    a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-facebook
      i.flaticon-facebook

    //- Social Icon Light Skin
    a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-facebook.sb-light
      i.flaticon-facebook