social-sprite-carbon

Carbon Fiber Social Media Icons

One of the most efficient ways of adding social media icons to a website is to use a “sprite”. This “sprite” contains multiple images – in this case two instances of each social media icon that we want to use. So instead of having to download multiple images the browser can just download one image and then we can use CSS to control which part of this image is going to be visible at any point in time. In this example we are using carbon fiber social media icons.


The HTML for the social media icons is just a simple unordered list and we do all the heavy lifting with CSS.

Download Source

Download Source