Buddicons

buddicons icon font for a future version of BuddyPress http://buddypress.org/.

Use the .OTF version of the font for Photoshop mockups, the web-font versions won't work. For most accurate results, pick the "Sharp" font smoothing.

Link the stylesheet:

<link rel="stylesheet" href="css/buddicons.css">

Now add the icons using the :before selector. You can insert the BuddyPress logo icon like this:

.myicon:before {

content: '\f121';
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/1 'buddicons';
vertical-align: top;

}