logo
Secciones

Entradas del blog


Íconos CSS de redes sociales

740

Imagen propia: Cada ícono pertenece a su respectiva empresa/dueño

Contexto

En éste post quiero compartirles una lista de archivos CSS de las redes sociales más utilizadas y que en muchas ocasiones son necesarias incluirlas en nuestros desarrollos web.

Los íconos tiene un pequeño efecto de zoom al efecto hover, como se ve en la imagen de abajo:

Uso

Para usar éstos íconos es necesario contar con los íconos de fontawensome, bootstrap-icons, fovicons, o cualquier otra librería de íconos.

Es necesario declarar el archivo btn-social.css y las etiquetas a utilziar para los íconos es:

<a href="https://t.me/linuxitos" target="_blank" class="btn-social btn-xs btn-dropbox"><i class="fab fa-dropbox"></i></a>

Todos los enlaces pueden ser utilizados en etiquetas a, o bien botones, son tres clases las que se requieren:

  • btn-social: clases principal que incluye el estilo general
  • btn-lg, btn-md, btn-sm, btn-xs: son los tamaños respectivamente
  • btn-{nombre-red-social}: aquí debe ir el nombre de la red social requerida

https://gitlab.com/ferm/iconos-redes-sociales

Comentarios:

Conoce la red social linuxClick
Redes sociales
Accesos directos