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.

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>