También tienes una opción algo más avanzada, usando una fuente de iconos, para lograr la misma cosa.
Por ejemplo, vas a
We Love Icon Fonts, miras a ver qué familia o familias te gustan, y luego importas la(s) que te guste(n). Por ejemplo
zocial:
Código CSS:
Ver original@import url(http://weloveiconfonts.com/api/?family=zocial);
Creas una regla CSS:
Código CSS:
Ver original[class*="zocial-"]:before {
font-family: 'zocial', sans-serif;
}
Y en tu HTML pones los iconos: