Shortcodes: Social Icons

Social icons by Font Awesome brand icons

Every social button has it's brand color and also simple, bordered and background layouts.

shortcodes_icons.html

Simple icons



<a href="#" class="fa fa-twitter"></a>

Bordered icons



<a href="#" class="fa fa-twitter border-icon"></a>

Bordered rounded icons



<a href="#" class="fa fa-twitter border-icon rounded"></a>

Bordered round icons



<a href="#" class="fa fa-twitter border-icon rounded-icon"></a>

Background icons



<a href="#" class="fa fa-twitter bg-icon"></a>

Background rounded icons



<a href="#" class="fa fa-twitter bg-icon rounded"></a>

Background round icons



<a href="#" class="fa fa-twitter bg-icon rounded-icon"></a>

Brand text color icons



<a href="#" class="fa fa-twitter color-icon"></a>

Brand text color icons with background



<a href="#" class="fa fa-twitter color-icon bg-icon"></a>

Brand text color rounded icons with background



<a href="#" class="fa fa-twitter color-icon bg-icon rounded"></a>

Brand text color round icons with background



<a href="#" class="fa fa-twitter color-icon bg-icon rounded-icon"></a>

Brand background color icons



<a href="#" class="fa fa-twitter color-bg-icon"></a>

Brand background color rounded icons



<a href="#" class="fa fa-twitter color-bg-icon rounded"></a>

Brand background color round icons



<a href="#" class="fa fa-twitter color-bg-icon rounded-icon"></a>