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.

Contents

Light background section:

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>

Light grey background section:

Simple icons

Bordered icons

Bordered rounded icons

Bordered round icons

Background icons

Background rounded icons

Background round icons

Brand text color icons

Brand text color icons with background

Brand text color rounded icons with background

Brand text color round icons with background

Brand background color icons

Brand background color rounded icons

Brand background color round icons

Dark grey background section:

Simple icons

Bordered icons

Bordered rounded icons

Bordered round icons

Background icons

Background rounded icons

Background round icons

Brand text color icons

Brand text color icons with background

Brand text color rounded icons with background

Brand text color round icons with background

Brand background color icons

Brand background color rounded icons

Brand background color round icons

Dark background section:

Simple icons

Bordered icons

Bordered rounded icons

Bordered round icons

Background icons

Background rounded icons

Background round icons

Brand text color icons

Brand text color icons with background

Brand text color rounded icons with background

Brand text color round icons with background

Brand background color icons

Brand background color rounded icons

Brand background color round icons

Color background section:

Simple icons

Bordered icons

Bordered rounded icons

Bordered round icons

Background icons

Background rounded icons

Background round icons

Brand text color icons

Brand text color icons with background

Brand text color rounded icons with background

Brand text color round icons with background

Brand background color icons

Brand background color rounded icons

Brand background color round icons