Social network icons. Unlimited colors.
multiple sizes and styles.

  • Unlimited colors as a default color and specific on-mouse colors.
  • 5 different sizes. Small, medium, large, x-large and xx-large.
  • 3 different styles. Rounded, Circle and plain.
#list-style-65130db126f2e ul li:before { font-family:Icomoon; content: "\\00c"; color:#00b89a }

Social icons – Circle style

#social-networks-65130db12714b a i{ color:#575757; } #social-networks-65130db12714b a:hover i{ color:#eee; }
#social-networks-65130db1272b1 a i{ color:#7a7a7a; } #social-networks-65130db1272b1 a:hover i{ color:#eee; }
#social-networks-65130db1273e7 a i{ color:#999999; } #social-networks-65130db1273e7 a:hover i{ color:#eee; }
#social-networks-65130db12751b a i{ color:#aaaaaa; } #social-networks-65130db12751b a:hover i{ color:#eee; }

Social icons – Rounded style

#social-networks-65130db1276d2 a i{ color:#575757; } #social-networks-65130db1276d2 a:hover i{ color:#eee; }
#social-networks-65130db127847 a i{ color:#7a7a7a; } #social-networks-65130db127847 a:hover i{ color:#eee; }
#social-networks-65130db127977 a i{ color:#999999; } #social-networks-65130db127977 a:hover i{ color:#eee; }
#social-networks-65130db127aa3 a i{ color:#aaaaaa; } #social-networks-65130db127aa3 a:hover i{ color:#eee; }

Social icons – No style

#social-networks-65130db127c5e a i{ color:#575757; } #social-networks-65130db127c5e a:hover i{ color:#eee; }
#social-networks-65130db127d8b a i{ color:#7a7a7a; } #social-networks-65130db127d8b a:hover i{ color:#eee; }
#social-networks-65130db127eae a i{ color:#999999; } #social-networks-65130db127eae a:hover i{ color:#eee; }
#social-networks-65130db127fc7 a i{ color:#aaaaaa; } #social-networks-65130db127fc7 a:hover i{ color:#eee; }

Social Icons on dark background

#social-networks-65130db1284a6 a i{ color:#ffffff; } #social-networks-65130db1284a6 a:hover i{ color:#eee; }
#social-networks-65130db12859e a i{ color:#ffffff; } #social-networks-65130db12859e a:hover i{ color:#eee; }
#mk-custom-box-65130db128261 { min-height:100px; padding:20px 20px; background-image:url(https://www.architektur-silberkuhl.de/wp-content/themes/jupiter/images/pattern/4.png); background-attachment:scroll; background-repeat:repeat; background-color:#f6f6f6; background-position:center center; margin-bottom:10px; border:1px solid #eaeaea; } #mk-custom-box-65130db128261 .mk-fancy-title.pattern-style span{ background-color: #f6f6f6 !important; }

Unlimited colors

There is no limit for colors! You can assign any desired color value to social icons.

#box-icon-65130db128989 p{color:#404b57;}#box-icon-65130db128989 h4 {color:#ffffff!important;}

Multiple sizes

Thanks to vector icons you can rescale icons from tiny to very large size. You can also adjust distances between icons.

#box-icon-65130db128ab4 p{color:#404b57;}#box-icon-65130db128ab4 h4 {color:#ffffff!important;}

Multiple styles

To bring you more customizability we have included 3 styles for social icons. Rounded, circle and plain version.

#box-icon-65130db128bd4 p{color:#404b57;}#box-icon-65130db128bd4 h4 {color:#ffffff!important;}
.full-width-65130db1287dd { min-height:100px; padding:50px 0 50px; margin-bottom:0px; background-color:#00b89a; border:1px solid #00b89a;border-left:none;border-right:none; } #background-layer--65130db1287dd { background-position:left top; background-repeat:repeat; ; } .full-width-65130db1287dd .mk-fancy-title.pattern-style span, .full-width-65130db1287dd .mk-blog-view-all { background-color: #00b89a !important; }