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

Social icons – Circle style

#social-networks-6622cdc759388 a i{ color:#575757; } #social-networks-6622cdc759388 a:hover i{ color:#eee; }

#social-networks-6622cdc7594ed a i{ color:#7a7a7a; } #social-networks-6622cdc7594ed a:hover i{ color:#eee; }

#social-networks-6622cdc759625 a i{ color:#999999; } #social-networks-6622cdc759625 a:hover i{ color:#eee; }

#social-networks-6622cdc759750 a i{ color:#aaaaaa; } #social-networks-6622cdc759750 a:hover i{ color:#eee; }

Social icons – Rounded style

#social-networks-6622cdc7598ed a i{ color:#575757; } #social-networks-6622cdc7598ed a:hover i{ color:#eee; }

#social-networks-6622cdc759a0a a i{ color:#7a7a7a; } #social-networks-6622cdc759a0a a:hover i{ color:#eee; }

#social-networks-6622cdc759b23 a i{ color:#999999; } #social-networks-6622cdc759b23 a:hover i{ color:#eee; }

#social-networks-6622cdc759c45 a i{ color:#aaaaaa; } #social-networks-6622cdc759c45 a:hover i{ color:#eee; }

Social icons – No style

#social-networks-6622cdc759dd6 a i{ color:#575757; } #social-networks-6622cdc759dd6 a:hover i{ color:#eee; }

#social-networks-6622cdc759efc a i{ color:#7a7a7a; } #social-networks-6622cdc759efc a:hover i{ color:#eee; }

#social-networks-6622cdc75a023 a i{ color:#999999; } #social-networks-6622cdc75a023 a:hover i{ color:#eee; }

#social-networks-6622cdc75a14b a i{ color:#aaaaaa; } #social-networks-6622cdc75a14b a:hover i{ color:#eee; }

Social Icons on dark background

#social-networks-6622cdc75a5ff a i{ color:#ffffff; } #social-networks-6622cdc75a5ff a:hover i{ color:#eee; }

#social-networks-6622cdc75a6e8 a i{ color:#ffffff; } #social-networks-6622cdc75a6e8 a:hover i{ color:#eee; }

#mk-custom-box-6622cdc75a3d9 { 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-6622cdc75a3d9 .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-6622cdc75aaba p{color:#404b57;}#box-icon-6622cdc75aaba 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-6622cdc75abdb p{color:#404b57;}#box-icon-6622cdc75abdb 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-6622cdc75ace8 p{color:#404b57;}#box-icon-6622cdc75ace8 h4 {color:#ffffff!important;}

.full-width-6622cdc75a912 { 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--6622cdc75a912 { background-position:left top; background-repeat:repeat; ; } .full-width-6622cdc75a912 .mk-fancy-title.pattern-style span, .full-width-6622cdc75a912 .mk-blog-view-all { background-color: #00b89a !important; }

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