Aquí te traigo una colección de iconos de redes sociales para descargar gratis y premium. Las redes sociales cada vez son más importantes en nuestra vida y aunque al principio fueron pocas cada vez están más personalizadas y segmentadas por gustos, edades,… En mi caso las que más utilizo son Facebook y Twitter. Se están convirtiendo en un método más de comunicación y hay muy pocas páginas web que no tengan estos típicos iconos.

Es una recopilación de iconos con redes sociales muy variada, por lo que encontrarás de todas las formas y estilos. Encontrarás todo tipo de iconos sociales en png, psd, ai, eps y en formato redondos, sin fondo…

Si buscas logos de redes sociales y sus nombres estás en la página adecuada, elije el formato que quieras y a descargar gratis.

 

Iconos redes sociales gratis y premium en vector

Los vectores de iconos sociales tienen la ventaja sobre otros formatos en que son en alta resolución, por lo que los podrás personalizar con programas estilo Adobe Illustrator. A continuación podrás ver diferentes propuestas:

 

Magníficos iconos 3d

Te los podrás descargar gratis. Como puedes ver en la imagen son con un diseño 3d, 1500×1500 píxeles y están en formato png, svg y también para Figma. Y, como no, están facebook, twitter, youtuve, linkedin, vimeo, whastapp, telegram, pinterest, entre otras.

iconos sociales 3d

 

 

Minimalismo social

¿Estás buscando iconos sociales blancos? En behance podrás descargar gratis los iconos de la imagen y de forma inversa, con fondo blanco y color negro. Como puedes ver es un diseño minimalista, son sencillos y que quedarán discretos en cualquier sitio.

icono red social minimalista

 

 

 

Presocial: set de iconos en svg y png

PRESOCIAL es un conjunto de iconos de redes sociales gratuito de CSS Author. El conjunto de iconos principal utiliza un fondo ondulado que es bastante único y atractivo. Puedes usar estos iconos en cualquier lugar, se pueden usar para tarjetas de visita, para sitios web, aplicaciones, blogs … Están incluidos en 2 estilos diferentes y en 2 formas (redondeado y cuadrado). Todos estos iconos de redes sociales están en formatos SVG y PNG. Sólo tienes que escoger la red social que quieras (facebook, instagram…), como puedes ver en la imagen, el listado es muy extenso. Al estar en formato png le podrás añadir el fondo blanco fácilmente o cualquier otro color.
iconos redes sociales cssauthor

 

 

Colección de iconos para redes sociales en Illustrator

En este pack encontrarás una colección de logotipos más típicos (Facebook, Whastapp, linkedin, google +, skype, vimeo, twitter, behance, instagram,…) con diseño circular. Son vectores de redes sociales sencillos y que quedarán bien en cualquier diseño. Estos logos de redes sociales en formato redondo los podrás descargar gratis.

iconos redes sociales

 

 

Flat Vector Social Icons ($12)

El pack contiene 32 iconos de social media en formato eps y, por tanto, perfectamente escalable hasta que se necesite. También incluye 128 iconos en png y en tamaños 128×128px, 64×64px, 32×32px, 16×15px.

 

 

Metal Social Media Icons

Iconos metálicos de las siguientes redes sociales: Facebook, Twitter, Google+, Skype, Digg, Vimeo, YouTube, Tumblr, Reddit, RSS, Behance, Dribbble, Pinterest, StumbleUpon, Yahoo, WordPress, LinkedIn, y Flickr! en formato psd. Los podrás editar fácilmente con Photoshop. No son gratuitos.
social media icons

 

 

Sketchy Social Media Icons Free Vector

29 logotipos de redes sociales disponibles en eps, ai y png de estilo desgastado en el que se incluyen las principales.
iconos redes sociales png

 

 

25 iconos en formato vector escalable

Creados con Illustrator CS5. Están en formato .ai (Illustrator) y en .eps.
iconos redes sociales ai

 

 

110 Vector Social Media Icons

Su uso es gratis para proyectos personales y comerciales.

 

 

Iconos de pinterest

disponibles en ai y png. Los tamaños son 128×128, 256×256 y 512×512.

 

 

80 iconos redes sociales (8$)

Este pack contiene un archivo en formato eps, otro en formato ai y todos los iconos en png en tamaños 256×256 px, 128×128 px, 64×64px.

iconos_sociales_pago1

 

 

Iconos redes sociales psd

Iconos Jeans

17 iconos + el archivo .psd. Iconos muy originales y distintos a los típicos en textura vaquera.

 

 

24 iconos de social media

en un archivo psd y también disponibles en png con tamaño 64×64.

 

 

Iconos Pinterest

en psd y html. Para descargarlos gratis hay que hacer una mención en twitter, tal y como indican.

 

 

40 medios sociales tipo retro (6$)

Los tienes en un archivo psd para que puedas personalizar a tu gusto y además hay 160 png con cada icono.

iconos negros y rojos redes sociales

 

 

Iconos redes sociales png

El formato png es muy solicitado porque el fondo es transparente, por lo que podrás con un programa de edición añadir el fondo del color que quieras o cambiar incluso el color de los iconos.

 

Social icon set

de tamaño 32x32px y disponibles en png. Además los puedes descargar en csh, psd, ai y eps. Este pack incluye las principales redes sociales en estilo minimalista.
logos redes sociales png

 

 

104 medios sociales png

Sirven para cantidad de diseños porque son tipo neutro y cuadrados en color negro. En estos lototipos están representadas la principales redes sociales en png: pinterest, twitter, tuenti, facebook, google+, yahoo, digg, behance, skype…
iconos negros redes sociales

 

 

28 iconos png en 5 tamaños

16×16, 24×24, 32×32, 48×48 y 64×64 son los tamaños que te podrás descargar gratis este pack de iconos en png.
iconos png redes sociales

 

 

Iconos Grunge redes sociales

Png en tres tamaños: 16×16, 32×32 y 64×64 px y de estilo grunge.
iconos grunge png redes sociales

 

 

Iconos en 3D

En png y en pdf. El inconveniente de estos iconos es que no están algunos de los principales como facebook, youtube, instagram,… solo están los que puedes ver en la imagen.
iconos redes sociales 3D

 

 

100 iconos x 5 tamaños

En formato png (en tamaños 64×64, 48×48, 32×32, 24×24 and 16×16px) y psd (Adobe Photoshop) tienes estos iconos cuadrados.
iconos redes sociales psd

 

 

Iconos que simulan estar dentro de una página de papel

Son 16 loguitos de redes sociales en formato png. Se salen del diseño típico que encontrarás en muchas páginas web.

 

 

Iconos con redes sociales simulando usuarios

Son 28 iconos en formato PNG (256×256, 128×128, 48×48, 32×32, 16×16), ICO (256×256, 128×128, 48×48, 32×32, 16×16) y ICNS (256×256, 128×128, 48×48, 32×32, 16×16). Estos iconos gratis te los puedes descargar en estos 5 tamaños distintos.

 

 

Social Postage Stamps

24 iconos en png y tamaño 64x64px en forma de sello postal.

 

 

A Free 3D Silver Social Media Icon Set

Iconos sociales de metal en 3D en png y tamaño 128x128px. Al estar en tonos grises y plata, pasan desapercibidos. El efecto 3D les da volumen y los hace muy elegantes.

 

 

Football Social Icon

En png y en los tamaños 360×360, 256×256, 128×128, 64×64 y 32×32. Si tu sitio es sobre temas deportivos, esta propuesta puede que te encaje.

 

 

9 iconos redondos de redes sociales

Para descargar en png y en tamaños 128×128, 64×64,32×32.

 

 

10 iconos sociales en formato vaso de café para llevar

Disponibles en formato png y en tamaños 512x512px, 256x256px, 128x128px, 64x64px.

 

 

12 medios sociales con un diseño limpio

y en tamaño 128 píxeles, en formato png. Se pueden utilizar en uso personal y comercial.

 

 

Iconos sociales en forma de huevo

en formato png y en tamaños: 512x512px, 256x256px, 128x128px, 64x64px. Son gratis para descargar tanto para uso personal como comercial.

 

 

Iconos social media en svg

Ultimamente están muy demandados los iconos en formato svg porque se ven muy bien y en formato icono no pesan mucho. A continuación te muestro algunos sitios interesantes que merece la pena que conozcas:

iconmonstr

En esta página no solo te podrás descargar iconos social media en svg sino también en otros formatos como png, eps, psd y font. Además dispones de multitud de iconos, no solo de la temática de social media. Mira la página, te sorprenderá.

iconmonstr social media

 

 

Icon Icon

Es otro directorio con multitd de iconos, entre los que se encuentran más de 800 de redes sociales y de los que se encuentra la descarga svg, además de png, ico o icns. Podrás descargar logotipos sociales de facebook, instagram, youtube, whastapp, telegram, twitter…

icon icons iconos redes.sociales

 

 

Iconos de redes sociales con CSS3

Google cada vez tienes más en cuenta la velocidad del sitio para posicionar. Si la web es lenta, no solo significa que muchos visitantes pasarán de tí y se irán, también Google te podrá penalizar por ello. Un motivo de la importancia que le da es la integración en Google Analytics de lo que tardan en cargar las páginas de tu web.

Si estas un poco obsesionado con el tema, te interesará saber que todos los plugins que ponemos para mostrar los seguidores que tenemos en nuestras redes sociales, hacen ralentizar la web. Es cierto que estos plugins utilizan casi todos versiones asíncronas (carga después de la web) el código, pero la letintud y el tiempo de carga está ahí.

 

Y ahora te preguntarás, ¿y todo este rollo a qué viene?¿qué tiene que ver con los iconos de redes sociales en CSS3?

Pues bastante, en el post de hoy podrás ver como crear iconos de redes sociales con CSS3 sin utilizar los plugins oficiales. Lograrás evitar todas esas solicitudes HTTP que realizan esos plugins y así, no ralentizar tanto tu web.

iconos-redes-sociales-css3

En la web del autor tienes ejemplos y distintas posibilidades, yo te voy a comentar una mezcla de ellas que no viene en la web del autor pero me parece la más útil de utilizar.

 

1.- Incluyes los estilos css dentro del <head> de tu página

Puedes introducirlos así dentro del head o copiar el código css e introducirlos dentro de tu css general, como prefieras.

<link rel="stylesheet" href="css/social-sharing-css.css">
<link rel="stylesheet" href="kraken-buttons.css">

 

 

2.- Introduces los botones dentro del HTML

<a class="btn btn-tweet" href=""https://twitter.com/intent/tweet?text=YOUR-TITLE&url=YOUR-URL&via=TWITTER-HANDLE" target="_blank">Twitter</a>
<a class="btn btn-facebook" href=""http://www.facebook.com/sharer/sharer.php?u=YOUR-URL" target="_blank">Facebook</a>
<a class="btn btn-google" href="https://plus.google.com/share?url=YOUR-URL" target="_blank">Google+</a>
<a class="btn btn-linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=YOUR-URL&title=YOUR-TITLE&summary=YOUR-SUMMARY&source=YOUR-URL" target="_blank">LinkedIn</a>
<a class="btn btn-pinterest" href="http://pinterest.com/pin/create/button/?url=YOUR-URL&description=YOUR-DESCRIPTION&media=YOUR-IMAGE-SRC" target="_blank">Pinterest</a>

Ojo, con PHP o similar tendrías que modificar los ‘YOUR-TITLE’,… por variables php, para que coja de cada artículo directamente ya los datos necesarios para compartir.

Este plugin funciona correctamente con todos los navegadores modernos.

En la web del autor te puedes descargar todos los archivos, css,… para implementar en tu web estos iconos de redes sociales.

Link | Social Sharing

 

 

¿Cómo poner los iconos de redes sociales en mi página web?

Lo primero que tienes que hacer es descargarte el archivo que te guste, todos estos iconos (menos los premium) te los puedes descargar gratis, pero te recomiento mirar los derechos de uso para que coincidan con el uso que les vas a dar. Es decir, algunos son gratis para trabajos personales, otros para comerciales y personales… Dicho esto, una vez descargado el archivo si son imágenes png, solo tendrás que subirlas a tu servidor web y en el código html insertar algo del estilo:

<a href=»URL-FACEBOOK» target=»_blank»><img alt=»siguenos en facebook» height=»40″ src=»http://domnio.com/face.png» title=»siguenos en facebook» width=»40″ /></a>

Como puedes ver es sencillo. En el caso de archivos psd, ai o eps tendrás que abrir los archivos en los programas correspondientes y a partir de ahí generar el png o el uso que les quieras dar.

 

 

Otros iconos muy chulos

¿Estás buscando más iconos de otras temáticas? Estás en el lugar adecuado, te invito a ver los siguientes links:

 

Siempre es interesante tener este tipo de recursos a mano, mejorarán la calidad de nuestro sitio y nos ahorrarán tiempo. También es importante resaltar que muchos de ellos, al estar en formatos editables, los podrás personalizar aún más para que se adapten a lo que necesitas.

Estos logotipos sociales tienen otros usos como, por ejemplo, en un curriculum vitae, tarjeta de presentación o firma de correo electrónico. Seguro que les encontrarás utilidad.