To add social icon use following markup:
<a href="#" class="social-btn sb-style-number sb-brandName">
<i class="socicon-brandName"></i>
</a>
Examples with tooltips enabled:
<!-- Social Icon (Style 2) -->
<a class="social-btn sb-style-2 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
<!-- Social Icon Light Skin (Style 2) -->
<a class="social-btn sb-style-2 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
//- Social Icon (Style 2)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-2.sb-facebook
i.socicon-facebook
//- Social Icon Light Skin (Style 2)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-2.sb-facebook.sb-light-skin
i.socicon-facebook
To add social icon use following markup:
<a href="#" class="social-btn sb-style-number sb-brandName">
<i class="socicon-brandName"></i>
</a>
Examples with tooltips enabled:
<!-- Social Icon (Style 3) -->
<a class="social-btn sb-style-3 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
<!-- Social Icon Light Skin (Style 3) -->
<a class="social-btn sb-style-3 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
//- Social Icon (Style 3)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-3.sb-facebook
i.socicon-facebook
//- Social Icon Light Skin (Style 3)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-3.sb-facebook.sb-light-skin
i.socicon-facebook
To add social icon use following markup:
<a href="#" class="social-btn sb-style-number sb-brandName">
<i class="socicon-brandName"></i>
</a>
Examples with tooltips enabled:
<!-- Social Icon (Style 4) -->
<a class="social-btn sb-style-4 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
<!-- Social Icon Light Skin (Style 4) -->
<a class="social-btn sb-style-4 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
//- Social Icon (Style 4)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-4.sb-facebook
i.socicon-facebook
//- Social Icon Light Skin (Style 4)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-4.sb-facebook.sb-light-skin
i.socicon-facebook
To add social icon use following markup:
<a href="#" class="social-btn sb-style-number sb-brandName">
<i class="socicon-brandName"></i>
</a>
Examples with tooltips enabled:
<!-- Social Icon (Style 5) -->
<a class="social-btn sb-style-5 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
<!-- Social Icon Light Skin (Style 5) -->
<a class="social-btn sb-style-5 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
//- Social Icon (Style 5)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-5.sb-facebook
i.socicon-facebook
//- Social Icon Light Skin (Style 5)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-5.sb-facebook.sb-light-skin
i.socicon-facebook
To add social icon use following markup:
<a href="#" class="social-btn sb-style-number sb-brandName">
<i class="socicon-brandName"></i>
</a>
Examples with tooltips enabled:
<!-- Social Icon (Style 6) -->
<a class="social-btn sb-style-6 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
<!-- Social Icon Light Skin (Style 6) -->
<a class="social-btn sb-style-6 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
//- Social Icon (Style 6)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-6.sb-facebook
i.socicon-facebook
//- Social Icon Light Skin (Style 6)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-6.sb-facebook.sb-light-skin
i.socicon-facebook
To add social icon use following markup:
<a href="#" class="social-btn sb-style-number sb-brandName">
<i class="socicon-brandName"></i>
</a>
Examples with tooltips enabled:
<!-- Social Icon (Style 7) -->
<a class="social-btn sb-style-7 sb-facebook" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
<!-- Social Icon Light Skin (Style 7) -->
<a class="social-btn sb-style-7 sb-facebook sb-light-skin" href="#" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="socicon-facebook"></i>
</a>
//- Social Icon (Style 7)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-7.sb-facebook
i.socicon-facebook
//- Social Icon Light Skin (Style 7)
a(href="#" data-toggle="tooltip" data-placement="top" title="Facebook").social-btn.sb-style-7.sb-facebook.sb-light-skin
i.socicon-facebook
Code
To add social icon use following markup:
Examples with tooltips enabled: