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-6622f3c0e97b7 ul li:before { font-family:Icomoon; content: "\\00c"; color:#00b89a }

Social icons – Circle style

#social-networks-6622f3c0e993d a i{ color:#575757; } #social-networks-6622f3c0e993d a:hover i{ color:#eee; }
#social-networks-6622f3c0e9a25 a i{ color:#7a7a7a; } #social-networks-6622f3c0e9a25 a:hover i{ color:#eee; }
#social-networks-6622f3c0e9aed a i{ color:#999999; } #social-networks-6622f3c0e9aed a:hover i{ color:#eee; }
#social-networks-6622f3c0e9baf a i{ color:#aaaaaa; } #social-networks-6622f3c0e9baf a:hover i{ color:#eee; }

Social icons – Rounded style

#social-networks-6622f3c0e9cd0 a i{ color:#575757; } #social-networks-6622f3c0e9cd0 a:hover i{ color:#eee; }
#social-networks-6622f3c0e9d92 a i{ color:#7a7a7a; } #social-networks-6622f3c0e9d92 a:hover i{ color:#eee; }
#social-networks-6622f3c0e9e4f a i{ color:#999999; } #social-networks-6622f3c0e9e4f a:hover i{ color:#eee; }
#social-networks-6622f3c0e9f0c a i{ color:#aaaaaa; } #social-networks-6622f3c0e9f0c a:hover i{ color:#eee; }

Social icons – No style

#social-networks-6622f3c0ea019 a i{ color:#575757; } #social-networks-6622f3c0ea019 a:hover i{ color:#eee; }
#social-networks-6622f3c0ea0d6 a i{ color:#7a7a7a; } #social-networks-6622f3c0ea0d6 a:hover i{ color:#eee; }
#social-networks-6622f3c0ea192 a i{ color:#999999; } #social-networks-6622f3c0ea192 a:hover i{ color:#eee; }
#social-networks-6622f3c0ea24c a i{ color:#aaaaaa; } #social-networks-6622f3c0ea24c a:hover i{ color:#eee; }

Social Icons on dark background

#social-networks-6622f3c0ea5b2 a i{ color:#ffffff; } #social-networks-6622f3c0ea5b2 a:hover i{ color:#eee; }
#social-networks-6622f3c0ea65c a i{ color:#ffffff; } #social-networks-6622f3c0ea65c a:hover i{ color:#eee; }
#mk-custom-box-6622f3c0ea427 { 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-6622f3c0ea427 .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-6622f3c0ea914 p{color:#404b57;}#box-icon-6622f3c0ea914 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-6622f3c0ea9db p{color:#404b57;}#box-icon-6622f3c0ea9db 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-6622f3c0eaa97 p{color:#404b57;}#box-icon-6622f3c0eaa97 h4 {color:#ffffff!important;}
.full-width-6622f3c0ea7d9 { 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--6622f3c0ea7d9 { background-position:left top; background-repeat:repeat; ; } .full-width-6622f3c0ea7d9 .mk-fancy-title.pattern-style span, .full-width-6622f3c0ea7d9 .mk-blog-view-all { background-color: #00b89a !important; }