Aquí te traigo una colección de iconos de redes sociales para descargar gratis. 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 de redes sociales muy variada, por lo que encontrarás de todas las formas y estilos. Encontrarás iconos de redes 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.
Contenidos
Colección de iconos para redes sociales en Illustrator
En este pack encontrarás una colección de las redes sociales más típicas (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.
Diseño flat (estilo plano) para estos iconos de redes sociales
Estos iconos están diseñados en diseño flat (estilo plano) y cuadrados redondeados. Aquí te podrás descargar gratis las redes sociales más conocidas: facebook, twitter, google+, linkedin, pinterest, youtube, skype, whastapp, rss, behance, instagram, dropbox, tumbl…
Iconos de redes sociales en vectorial
Colección de 36 iconos de distintas redes sociales (facebook, twitter, instagram, whastapp, pinterest,…) en formato svg, ai, eps y png en formato de círculo.
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.
Sketchy Social Media Icons Free Vector
29 iconos disponibles en eps, ai y png de estilo desgastado de las principales redes sociales.
25 iconos en formato vector escalable
Creados con Illustrator CS5. Están en formato .ai (Illustrator) y en .eps.
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.
IC Mini Social Icon Set
18 iconos en tamaño 32x32px y para descargar en png, jpg y psd. Son iconos minimalistas de twitter, youtube, skype, facebook, tuenti, behance, linkedin,…
Iconos Jeans
17 iconos + el archivo .psd. Iconos de redes sociales 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.
18 iconos en png, psd y jpg
Incluido el icono de Pinterest, Linkedin y Google +.
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.
104 iconos redes sociales png
Sirven para cantidad de diseños porque son tipo neutro y cuadrados en color negro. En estos iconos están representadas la principales redes sociales en png: pinterest, twitter, tuenti, facebook, google+, yahoo, digg, behance, skype…
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 en png.
20 Iconos dibujados en 4 tamaños
16×16, 32×32, 64×64 y 128×128.
Iconos Grunge redes sociales
Png en tres tamaños: 16×16, 32×32 y 64×64 px.
Iconos de madera.
Están en formato png. Son 108 iconos en alta resolución. Muy originales!!!!
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.
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 que simulan estar dentro de una página de papel
son 16 iconos de redes sociales en formato png. Se salen del diseño típico que encontrarás en muchas páginas web.
Iconos de 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) and 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.
A Free 3D Silver Social Media Icon Set
iconos sociales de metal en 3D en png y tamaño 128x128px.
Football Social Icon
En png y en los tamaños 360×360, 256×256, 128×128, 64×64 y 32×32.
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 iconos de redes 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.
30 iconos sociales monocromo en formato png
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.
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
Los iconos de redes sociales son recursos muy vistos en este blog. Me lo dicen continuamente las estadísticas. Te interesan. Debido a ello quiero juntar en este artículo una tendencia en diseño web (flat design), que se inclina por la tendencia minimalista, y, por otro lado, los iconos de redes sociales. Hoy en día los iconos de redes sociales son casi imprescindibles en cualquier página web. Si tu diseño se inclina por la sencillez le quedarán genial estos iconos que te propongo.
También puede que te interese:
Flat Social Media Icons
son 10 iconos de redes sociales con diseño plano. Están en un archivo psd para que modifiques con Photoshop.
80 iconos de 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.
40 iconos de redes 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.
¿Como poner los iconos 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.
Como has podido ver están los iconos de redes sociales más importantes. Si te ha gustado el artículo,me ayudarás a seguir escribiendo artículos como éste si lo compartes a través de tus redes sociales 🙂
19 Responses to “Iconos de redes sociales”
29 marzo, 2013
Edgar MoralesMuchas gracias… excelente aporte.
2 julio, 2013
Francesc Oliva LLoverasMuchas gracias, justamente estava buscando esto para añadirlo a mi WebLog Magazine.
Atentamente,
Francesc Oliva
2 julio, 2013
Isabel GarcíaMuchas gracias Francesc.
20 septiembre, 2013
CeliaExcelente aporte, llevaba tiempo buscando iconos que merecieran la pena.
Gracias por compartirlo!
23 septiembre, 2013
Isabel GarcíaGracias Celia. Me alegro que te guste.
15 febrero, 2014
El viaje me hizo a míGracias por tu post. Utilizaremos los iconos en nuestro blog.
16 febrero, 2014
Isabel GarcíaGenial!!!
29 agosto, 2014
OscarEy, esta recopilación de iconos para redes sociales me va a ir muy bien para algunos proyectos.
Gracias por compartir, saludos!!
30 agosto, 2014
Isabel GarcíaGracias Oscar. Saludos!!!
2 septiembre, 2014
Yoshio CasasIncreíble recopilación, te felicito Isabel, te sigo en redes, hay que ponernos en contacto, tengo recursos SEO que pueden ser de tu agrado =)
¡Mucho éxito!
2 septiembre, 2014
Isabel GarcíaHola Joshio,
Muchas gracias, me alegro que te guste. Cuando quieras nos podemos en contacto.
Saludos y que tengas un buen día 🙂
1 diciembre, 2014
FranLos últimos son muy originales, gracias por compartir, a mis favoritos directamente.
😉
1 diciembre, 2014
Isabel GarcíaGracias Fran
7 octubre, 2015
Diseño web DaclubMuchas gracias por compartir todos estos iconos para redes sociales, justamente estábamos buscando material de este tipo. Un saludo!!
7 octubre, 2015
Isabel Garcíagracias a ti por comentar
20 octubre, 2016
David MartinezMuy Buena recopilación, ya estoy mirando para usar algunos iconos.
Gracias Isabel¡¡
8 agosto, 2017
Diseñador Web FreelanceMuchas garcias!, que suerte haber acabado en esta página, es un buen recurso gráfico para guardar en favoritos y no depender de estar buscando siempre.
Garcias de nuevo
8 agosto, 2017
CRM inmobiliarioHola, muy interesante este artículo.
Aunque pone claramente que la descarga es gratuita, podemos usarlos para por ejemplo poner tarjetas de visita, panfletos publicitarios etc?
Imagino que si, pero como ya tubimos un problema por unas tipografías prefiero preguntar.
Muchas gracias
8 agosto, 2017
Isabel GarcíaMira antes de descargar en las condiciones de la página, si corresponde con el uso que le vas a dar.