NorfiPC
NorfiPC » Redes sociales » Iconos SVG y PNG

Iconos vectoriales SVG y PNG de las redes sociales de internet


Compartir en Google Compartir en Facebook Compartir en Twitter Pinear imágenes en Pinterest
Código de los logos de Facebook, Twitter, Google+, Pinterest y otros sitios, para crear botones de compartir, usando imágenes SVG. Como hacer los enlaces. Paquete de iconos en formato PNG para descargar gratis.
Iconos vectoriales SVG y PNG de las redes sociales de internet
Si usamos HTML5 ya podemos sustituir las imágenes de las redes sociales que usamos en los botones de compartir en nuestras páginas, por imágenes SVG que cargan a toda velocidad en el navegador web.
Las imágenes SVG no necesitamos usarlas como archivos externos, porque constan de solo código impregnado en la página, que el navegador renderiza y muestra a toda velocidad.
Son escalables y no pierden la calidad, lo que se puede comprobar al hacer zoom en esta página.
Esto hace nuestro sitio mucho más rápido y las páginas más fáciles de cargar.
Nosotros usamos iconos vectoriales en la página índice del sitio, para enlazar las redes sociales donde participamos y facilitar a los visitantes seguirnos.
También más abajo en esta misma página.
El propósito de este artículo es compartir los iconos vectoriales en formato SVG y PNG, de las principales redes sociales de internet y mostrar cómo crear con ellos botones de compartir.
Para usar los iconos SVG solo es necesario copiar el código y las imágenes PNG se pueden descargar en un paquete.



Iconos y logos de las principales redes sociales de internet


Los iconos que mostramos a continuación están en formato SVG.
Para usarlos solo es necesario copiar el código y pegarlo en el código HTM de una página, en el lugar exacto donde se desean mostrar.
Se muestran a 256 pixeles, pero su tamaño se puede modificar cambiando el valor de las etiquetas "width" y "height".

Imagen SVG del logo de Facebook


Logo de Facebook en formato SVG
Código (un clic para seleccionar):


Imagen SVG del logo de Twitter


Logo de Twitter en formato SVG
Código:


Imagen SVG del logo de Google+


Logo de Google+ en formato SVG
Código:


Imagen SVG del logo de Pinterest


Logo de Pinterest en formato SVG
Código:


Imagen SVG del logo de Linkedin


Logo de Linkedin en formato SVG
Código:




Iconos y logos de otras redes sociales en formato SVG


Los iconos de todas las redes sociales se pueden representar usando imágenes SVG.
A continuación mostramos algunos de ellos que hemos creado.
El código para insertar las imágenes puedes obtenerlo viendo el código fuente de esta página o en el archivo de descarga que brindamos más abajo.
Logo de Instagram en formato SVG Logo de YouTube en formato SVG Logo de Tumblr en formato SVG Logo de Reddit en formato SVG Logo de Whatsapp en formato SVG Logo de MySpace en formato SVG Logo de Viadeo en formato SVG Logo de Xing en formato SVG Logo de Delicious en formato SVG Logo de Stumbleupon en formato SVG Logo de hi5 en formato SVG Logo de Foursquare en formato SVG Icono y logotipo de la red social Care2 Icono y logotipo de la red social LiveJournal Icono de la red social SoundCloud Logo de Periscope Logo de Tinder



Como crear botones de compartir con los iconos SVG


Existen varios servicios de internet como AddToAny, donde obtener el código para mostrar botones de compartir en las páginas, pero con los iconos vectoriales que mostramos en esta página podemos crear los botones manualmente, que funcionan mucho más rápido que usando los métodos que mencionamos.
Para eso solo es necesario crear enlaces con las imágenes SVG.
Cada una de las redes sociales de internet admiten direcciones especiales para compartir contenido desde el navegador.
En otra página de nuestro sitio puedes obtener información detallada sobre cada una de ellas, pero en este artículo mostramos un ejemplo práctico.



Código de un botón para compartir en Facebook


Para crear un botón que permita a los lectores compartir la página en Facebook, usa el siguiente código.

El código anterior crea un botón similar al siguiente.

La imagen SVG creada mide 60 pixeles, para usar una de mayor o mayor tamaño modifica el valor del ancho y la altura en el código.
El código usa JavaScript para obtener la dirección de la página.
De forma similar se pueden crear otros botones usando los códigos que facilitamos para cada icono para compartir en diferentes redes sociales.



Iconos de otras redes sociales


A continuación compartimos otros iconos de redes sociales y sitios de participación populares de internet como YouTube, Flickr, Snapchat, Medium, Blogger, Vimeo y Vine.
Están en formato PNG, por lo que pueden guardarse como otras imágenes tradicionales.
Abren en una nueva pestaña a mayor tamaño.



Descargar iconos PNG para las redes sociales


Usando el siguiente botón que por supuesto es una imagen vectorial, se puede descargar un paquete (260 KB) que contiene varios iconos en formato PNG y archivos SVG.
El código de los archivos SVG se puede obtener abriéndolos con el Blog de notas u otro editor de texto plano.
Contiene iconos de las siguientes redes sociales: Facebook, Twitter, Google+, Pinterest, Tumblr, Linkedin, Whatsapp, Instagram, YouTube.
Están en los siguientes tamaños: 512, 256, 128, 64 y 48 pixeles.
Se pueden emplear libremente para crear botones de compartir o para cualquier otra tarea.
Solo te pedimos a cambio un +1 en Google en el siguiente botón:


Descargar iconos

Síguenos en las redes sociales



Otras páginas relacionadas



 
 
Inicio | Mapa del sitio | Sobre mí | RSS