assan - Professional theme

Support@mail.com
+01 1800 453 7678
Login
Sign Up

Border icons

<a href="#" class="social-icon si-border si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon si-border si-border-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-lg si-border si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-lg si-border si-border-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-sm si-border si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-sm si-border-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

Dark icons

<a href="#" class="social-icon si-dark si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon si-dark si-dark-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-lg si-dark si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-lg si-dark si-dark-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-sm si-dark si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-sm si-dark si-dark-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

Gray icons

<a href="#" class="social-icon si-gray si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon si-gray si-gray-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-lg si-gray si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-lg si-gray si-gray-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-sm si-gray si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-sm si-gray si-gray-round si-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

Colored icons

<a href="#" class="social-icon si-dark si-colored-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon si-dark si-gray-round si-colored-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-lg si-dark si-colored-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-lg si-dark si-gray-round si-colored-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-sm si-dark si-colored-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

<a href="#" class="social-icon-sm si-dark si-gray-round si-colored-facebook">
    <i class="fa fa-facebook"></i>
    <i class="fa fa-facebook"></i>
</a>

Shortcode 1

Shortcode 2

Shortcode 3

Shortcode 4

Social Buttons

Border icons

Dark icons

Gray icons

Colored icons