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
Icon Type
Networks to Include
Choose a Background Color
Pick a color
Choose Icon Color
Pick a color
Your Icons :
Just like magic your code will appear here. Click the button above.