Social Media Icon Maker (Style 6)

This effect is CSS heavy – if you are trying to keep it slim choose another style. This works best at 3x size, and is designed for the end of a post or page. You can adjust icon size on the generator, but you may need to make some CSS changes manually if you want […]

Social Media Icon Maker (Style 5)

This has good browser support (check developer notes for radial-gradient . If you need to support older browsers remove the gradient from the Instagram logo). This effect gives a 360 rotation when the user hovers. This effect uses a moderate amount of CSS code. Icon Size 3xStandard 2x5x6x Icon Type StandardSquare Networks to Include FaceBook […]

Social Media Icon Generator (Style 4)

This effect uses network colors and a 360-degree rotation on hover. This effect uses a large amount of CSS code. This has good browser support (check developer notes for radial-gradient and background-clip). Icon Size Standard 2x3x5x6x Icon Type StandardSquare Networks to Include FaceBook Twitter Pinterest YouTube Instagram Tumblr Whatsapp Choose a Background Color Pick a […]

Social Media Icon Generator (Style 3)

This has good browser support (check developer notes for radial-gradient . If you need to support older browsers remove the gradient from the Instagram logo). This effect gives a nice color change fade when the user hovers. This effect uses a moderate amount of CSS code. Icon Size Standard 2x3x5x6x Icon Type StandardSquare Networks to […]

Social Media Icon Generator (Style 2)

This has good browser support (check developer notes keyframes and text-shadow). This effect applies a shining effect as the user hovers over the icon. This effect works best with the right colors, so do some experimenting! Icon Size Standard 2x3x5x6x Icon Type Square Standard Networks to Include FaceBook Twitter Pinterest YouTube Instagram Tumblr Whatsapp Choose […]

Social Media Icon Generator (Style 1)

This social media icon effect is achieved in just a few lines of CSS code. It has excellent browser support (check developer notes translateY and text-shadow). You can use the style generator below, or view our “Social media icons with Font Awesome post” which gives instructions on manually creating this effect. Icon Size Standard 2x3x5x6x […]