The Business Identity theme uses Genericons for its social icons. Here’s an example of what they look like:

Adding social icons into your own site, whether they are in your entry content, widgets, or front page team area, is fairly straightforward. The code that’s always used to create them is found below:

[code language=”html”]
<ul class="social">
<li><a href="https://github.com/" class="github"><span>GitHub</span></a></li>
<li><a href="https://dribbble.com/" class="dribbble"><span>Dribbble</span></a></li>
<li><a href="https://twitter.com/" class="twitter"><span>Twitter</span></a></li>
<li><a href="https://www.facebook.com/" class="facebook"><span>Facebook</span></a></li>
<li><a href="https://www.facebook.com/" class="facebook-alt"><span>Facebook</span></a></li>
<li><a href="http://wordpress.org/" class="wordpress"><span>WordPress</span></a></li>
<li><a href="https://plus.google.com/" class="googleplus"><span>Google Plus</span></a></li>
<li><a href="https://www.linkedin.com/" class="linkedin"><span>LinkedIn</span></a></li>
<li><a href="https://www.linkedin.com/" class="linkedin-alt"><span>LinkedIn</span></a></li>
<li><a href="https://www.pinterest.com/" class="pinterest"><span>Pinterest</span></a></li>
<li><a href="https://www.pinterest.com/" class="pinterest-alt"><span>Pinterest</span></a></li>
<li><a href="https://www.flickr.com/" class="flickr"><span>Flickr</span></a></li>
<li><a href="https://vimeo.com/" class="vimeo"><span>Vimeo</span></a></li>
<li><a href="https://www.youtube.com/" class="youtube"><span>YouTube</span></a></li>
<li><a href="https://www.tumblr.com/" class="tumblr"><span>Tumblr</span></a></li>
<li><a href="http://instagram.com/" class="instagram"><span>Instagram</span></a></li>
<li><a href="http://codepen.io/" class="codepen"><span>CodePen</span></a></li>
<li><a href="http://polldaddy.com/" class="polldaddy"><span>PollDaddy</span></a></li>
<li><a href="https://plus.google.com/" class="googleplus-alt"><span>Google Plus</span></a></li>
<li><a href="https://path.com/" class="path"><span>Path</span></a></li>
<li><a href="http://www.skype.com/en/" class="skype"><span>Skype</span></a></li>
<li><a href="http://digg.com/" class="digg"><span>Digg</span></a></li>
<li><a href="http://www.reddit.com/" class="reddit"><span>Reddit</span></a></li>
<li><a href="https://www.stumbleupon.com/" class="stumbleupon"><span>StumbleUpon</span></a></li>
<li><a href="https://getpocket.com/" class="pocket"><span>Pocket</span></a></li>
<li><a href="https://www.dropbox.com/" class="dropbox"><span>Dropbox</span></a></li>
</ul><!– .social –>
[/code]

This HTML code can be used anywhere that HTML and text is accepted, for example in post and page content, as well as widgets. Take a look around the Business Identity demo site and if you see social icons, then keep in mind that the above code is the template that was used to build them.