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">