Iconos sociales

 <a href="#" class="iconos-sociales si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

<a href="#" class="iconos-sociales si-dark si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: simplemente agregue la clase .si-dark a .social-icons para oscurecerlo

 <a href="#" class="iconos-sociales si-light si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: Simplemente agregue la clase .si-light a .social-icons para hacerlo más claro.

 <a href="#" class="social-icons si-redondeado si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: Simplemente agregue la clase .si-rounded a .social-icons para redondearlo

 <a href="#" class="iconos-sociales si-oscuro si-redondeado si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: Simplemente agregue la clase .si-dark & .si-rounded a los .social-icons para hacerlo oscuro y redondeado

 <a href="#" class="iconos-sociales si-luz si-redondeado si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: simplemente agregue la clase .si-light y .si-rounded a los .social-icons para hacerlo más claro y redondeado.

 <a href="#" class="iconos-sociales si-sin fronteras si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: simplemente agregue la clase .si-borderless a .social-icons para que no tenga bordes

 <a href="#" class="iconos-sociales si-coloreados si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: simplemente agregue la clase .si-colored a .social-icons para colorearla

 <a href="#" class="iconos-sociales si-dark si-small si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: simplemente agregue la clase .si-dark y .si-small a los .social-icons para hacerlo oscuro y pequeño

 <a href="#" class="iconos-sociales si-oscuro si-grande si-facebook">
 <i class="icono-facebook"></i>
 <i class="icono-facebook"></i>
 </a>

Nota: simplemente agregue la clase .si-dark y .si-large a los .social-icons para hacerlo oscuro y grande

Nota: Puedes combinar varias clases para que los íconos sociales se vean según tus necesidades. Es completamente flexible y extensible.

Idioma