Social Icons

Theme + Square

(si-1)





Theme + Circle

(si-1 circle)





Theme + Borderless + Icon Color:Hover

(si-1 si-no-border inverse)





Dark + Square + Color:Hover

(si-2 color)





Dark + Circle + Color:Hover

(si-2 color circle)





Grey + Square + Color:Hover

(si-3 color)





Grey + Circle + Color:Hover

(si-3 color circle)





Shadow + Square + Color:Hover

(si-4 color)





Shadow + Circle + Color:Hover

(si-4 color circle)





Color + Square + Lift:Hover

(si-5)





Color + Circle + Lift:Hover

(si-5 circle)





Color + Square + Inverse:Hover

(inverse)





Color + Circle + Inverse:Hover

(inverse circle)





Dark + Square Color:Hover

(si-6 color)





Dark + Borderless + Theme Color:Hover

(si-6 si-no-border si-theme-hover)





Dark + Borderless + Icon Color:Hover

(si-6 si-no-border inverse)





Dark + Right Border + Color:Hover

(si-6 si-border color)





Dark + Circle Color:Hover

(si-6 color)





Theme + Square Color:Hover

(si-6-theme color)





Theme + Right Border + Color:Hover

(si-6-theme si-border color)





Theme + Circle Color:Hover

(si-6-theme circle color)




White + Square Color:Hover

(si-6-white color)





White + Borderless + Theme Color:Hover

(si-6-white si-no-border si-theme-hover)





White + Borderless + Icon Color:Hover

(si-6-white si-no-border inverse)





White + Right Border + Square Color:Hover

(si-6-white si-border color)





White + Circle Color:Hover

(si-6-white circle color)





White + Square + Color:Hover

(si-3-white color)




Add Tooltip (top/bottom/right/left) To Any Social Icon

<a href="#" data-placement="top/right/bottom/left" data-toggle="tooltip" class="tip-top/tip-right/tip-bottom/tip-left" data-original-title="Facebook">


Color Scheme
image image image image image image
Header Color